javascript - Jquery 检查 String 是否包含任何 URL 并获取它

Question

我想从字符串中获取 url，但我不熟悉正则表达式或任何此类方法的使用。

例如我有 3 个字符串，

1. “我已导航至 www.facebook.com”；
2. “我已导航至 www.facebook.com 和 www.google.com”；
3. “我已导航至https://www.facebook.com；

就我而言:我应该将“www.facebook.com”作为从第一个字符串中提取的网址。

我想要的只是获取字符串中的第一个 url，这样我就可以使用我找到的 API 进行链接预览。但我很难使用 Javascript 或 Jquery 获取 url。该字符串将从文本框中获取，我想在 keyup 上获取 url。

Answer 1

您可以使用此函数提取在给定字符串中找到的第一个 URL:

function getFirstUrl(string) {
    var pattern = /(https?:\/\/)?(www\.)?[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)/;
    var match = string.match(pattern);
    return match[0];
}

var string = "I've nagivated to www.facebook.com and to www.google.com";
var url = getFirstUrl(string);
// url === 'www.facebook.com'

我从 this answer 获得了正则表达式模式并修改它以使 https:// 部分可选。