脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-一天一个js(2)网址截取,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。
[htML]
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<script src="https://ajax.GOOGLEapis.COM/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$(".BTn").click(function(){
VAR p4 = $(".text").val();
var rule2 = /(/w+):////(/w+/.?/w+/./w+)(:?/d*)(//(/w|/W)+)/;
var re2 = p4.replace(rule2,"");
var xy = RegExp.$1;
var dz = RegExp.$2;
var hz = RegExp.$4;
$("span").append("协议是:"+xy+"<br />网址是:"+dz+"<br />后缀是:"+hz);
});
});
</script>
<style type="text/css">
p { width:400px; padding:10px; border:1px solid #000; margin:200px auto;}
.text { width:400px; height:300px; reSize:none;}
.btn { width:100px; height:20px; margin:20px 0 0;}
</style>
<tITle>网址截取</title>
</head>
<body>
<p>
<textarea class="text">https://www.ifblooms.com/thread-4479-1-1.html</textarea>
<p>输入网址,分解为协议、域名地址以及页面路径</p>
<input class="btn" value="获取" type="button" /><br />
<span></span>
</p>
</body>
</html>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$(".btn").click(function(){
var p4 = $(".text").val();
var rule2 = /(/w+):////(/w+/.?/w+/./w+)(:?/d*)(//(/w|/W)+)/;
var re2 = p4.replace(rule2,"");
var xy = RegExp.$1;
var dz = RegExp.$2;
var hz = RegExp.$4;
$("span").append("协议是:"+xy+"<br />网址是:"+dz+"<br />后缀是:"+hz);
});
});
</script>
<style type="text/css">
p { width:400px; padding:10px; border:1px solid #000; margin:200px auto;}
.text { width:400px; height:300px; resize:none;}
.btn { width:100px; height:20px; margin:20px 0 0;}
</style>
<title>网址截取</title>
</head>
<body>
<p>
<textarea class="text">https://www.ifblooms.com/thread-4479-1-1.html</textarea>
<p>输入网址,分解为协议、域名地址以及页面路径</p>
<input class="btn" value="获取" type="button" /><br />
<span></span>
</p>
</body>
</html>
觉得可用,就经常来吧! 脚本宝典 欢迎评论哦! js脚本,巧夺天工,精雕玉琢。小宝典献丑了!
以上是脚本宝典为你收集整理的javascript代码实例教程-一天一个js(2)网址截取全部内容,希望文章能够帮你解决javascript代码实例教程-一天一个js(2)网址截取所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。