javascript代码实例教程-一天一个js(2)网址截取

发布时间:2019-04-09 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了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,请注明来意。