码迷,mamicode.com
首页 > 其他好文 > 详细

正则表达式匹配网址

时间:2017-06-14 21:13:34      阅读:171      评论:0      收藏:0      [点我收藏+]

标签:val   body   dex   net   repeat   input   get   document   表达   

一段字符中匹配出网址,可以将css里复制的url(blabla)匹配网址方便下图

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title>match</title>
        <script type="text/javascript">
            window.onload = function() {
                var str = "url(http://img2.cache.netease.com/f2e/wap/touch_index_2016/trunk/images/download_2017.png) no-repeat";
                var reg = /http:\/\/\w*(\.\w*)+/ig;
                var arr = str.match(reg);
                console.log(arr);
                
                
                
                
                btn.onclick = function() {
                    var text = document.getElementById(‘text‘);
                    var input = document.createElement(‘input‘);
                    var str1=text.value;
                    var arr1=str1.match(reg);
                    console.log(arr1);
                    input.value = arr1;
                    btn.appendChild(input);
                }

            }
        </script>
        <input type="text" name="text" id="text" placeholder="粘贴至此" value="" />
        <button id="btn">链接</button>
    </head>

    <body>
    </body>

</html>

 

正则表达式匹配网址

标签:val   body   dex   net   repeat   input   get   document   表达   

原文地址:http://www.cnblogs.com/rlann/p/7010843.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!