js 正则为url添加http标识

最新推荐文章于 2024-06-04 19:55:06 发布

q107770540

最新推荐文章于 2024-06-04 19:55:06 发布

阅读量8.7k

点赞数 1

分类专栏：【06. Others】

本文链接：https://blog.csdn.net/q107770540/article/details/9352425

版权

【06. Others】专栏收录该内容

33 篇文章 0 订阅

订阅专栏

今天逛 stackoverflow 时，看到这样一个问题：

有这样一个JS 字符串：

http://www.google.com
www.google.com
code.google.com
http://code.google.com/hosting/search?q=label%3aPython

需要为没有http头的URL添加http,有的保持不变。结果如下：

1: http://www.google.com
2: http://www.google.com
3: http://code.google.com
4: http://code.google.com/hosting/search?q=label%3aPython

看到这个问题，首先我想到在.NET正则里很好实现，大体思路如下：

void Main()
{
	string html=@"http://www.google.com
www.google.com
code.google.com
http://code.google.com/hosting/search?q=label%3aPython";

        html=Regex.Replace(html,@"(?i)(https?://)?(\w+\.?)+(\/[a-zA-Z0-9\?%=_\-\+\/]+)?",
 					 m=>m.Groups[1].Success?m.Value:"http://"+m.Value);
  	Console.WriteLine(html);
	/*
	http://www.google.com
	http://www.google.com
	http://code.google.com
	http://code.google.com/hosting/search?q=label%3aPython
	*/
}

好久没写js代码，稍稍考虑了一会，按照.NET的思路，想到以下解决方法，在此记录一下，希望以后能用的上。

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
    <script>
        var html = 'http://www.google.com';
        html += '\rwww.google.com';
        html += '\rcode.google.com';
        html += '\rhttp://code.google.com/hosting/search?q=label%3aPython';
        var regex = /(https?:\/\/)?(\w+\.?)+(\/[a-zA-Z0-9\?%=_\-\+\/]+)?/gi;
        alert('before replace:');
        alert(html);
        html = html.replace(regex, function (match, capture) {
            if (capture) {
                return match
            }
            else {
                return 'http://' + match;
            }
        });
        alert('after replace:');
        alert(html);
    </script>
</head>
<body>
</body>
</html>

帖子地址：

http://stackoverflow.com/questions/17689999/bulletproof-url-matching-regex-for-javascript/17690463#17690463

q107770540

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
3
评论
js 正则为url添加http标识

今天逛 stackoverflow 时，看到这样一个问题：有这样一个JS 字符串：http://www.google.comwww.google.comcode.google.comhttp://code.google.com/hosting/search?q=label%3aPython需要为没有http头的URL添加http,有的保持不变。结果如下：1: http
复制链接

扫一扫