javascript正则表达式解析没有协议的url

Question

String.prototype.linkify = function() {
this.replace(/((ht|f)tp:\/\/)?([^:\/\s]+)\w+.(com|net|org)/gi, '<a href="$&">$&</a>')
}

与 http://www.google.com http://yahoo.com www.facebook.com 它与它们全部匹配，但是我希望 facebook 前面加上协议组（如果它不存在）。有没有办法在不执行两个 .replace 的情况下做到这一点？

Answer 1

我会做这样的事情：（

String.prototype.linkify = function () {
  return this.replace(/((?:ht|f)tp:\/\/)?([^:\/\s]+\w+\.(?:com|net|org))/gi, function (_, protocol, rest) {
    var url = (protocol || "http://") + rest
    return '<a href="' + url + '">' + url + '</a>'
  })
}

我修复了您的代码的其他几个问题：您缺少 return 并且您使用 . 匹配域名句点，而不是\..)

而且我想我不需要指出由于您的模式存在许多问题，这通常与 URL:s 匹配得有多差。

Answer 2

如果您实际上不需要匹配 FTP URL，则可以假设链接的“http://”部分。这个正则表达式可以做到这一点，同时允许您使用 https。

this.replace(/(http(s)?:\/\/)?(([^:\/\s]+)\.(com|net|org))/gi,
                         '<a href="http$2://$3">http$2://$3</a>')

我不确定您的用例是什么，但我想指出此正则表达式将在以下网址上失败：

• http: //google.com/spam = http://google.com/spam
• http://google.ca = 不匹配

这是因为您使用的硬编码 tld 很少（com、net、org），并且不匹配域后的任何字符。