Javascript正则表达式将协议添加到url字符串

Posted 2023-02-22

【中文标题】Javascript正则表达式将协议添加到url字符串

【英文标题】：Javascript regular expression to add protocol to url string

【发布时间】：2013-08-05 20:24:55

【问题描述】：

我有一个使用 javascript 列出一些网站详细信息的应用程序。将有一个使用 JavaScript 本身生成的网站链接。有时我会得到我的链接，

<a href="http://www.google.com">Website</a>

但有时会，

<a href="www.yahoo.com">Website</a>

第二次链接不通，没有协议。

所以我正在寻找一个 JavaScript 正则表达式函数来添加 http:// 如果没有协议。

我的代码看起来像，

var website_link = document.createElement("a"); 
website_link.innerhtml = "Website"; 
website_link.href = my_JSON_object.website;
website_link.target = "_blank"; 
profile.appendChild(website_link); 

并且不会出现本地链接。

【问题讨论】：

^www.替换为 ^www ？虽然有些子域网址没有 www :)

您尝试解决问题为时已晚。无法判断“www.yahoo.com”是本地文件（可能丢失）还是错误的 URL。

【参考方案1】：

请参阅this 链接。

function setHttp(link) 
    if (link.search(/^http[s]?\:\/\//) == -1) 
        link = 'http://' + link;
    
    return link;

alert(setHttp("www.google.com"));
alert(setHttp("http://www.google.com/"));  

在你的代码中它会是这样的：

var website_link = document.createElement("a"); 
website_link.innerHTML = "Website";
if (my_JSON_object.website.search(/^http[s]?\:\/\//) == -1) 
    my_JSON_object.website = 'http://' + my_JSON_object.website;

website_link.href = my_JSON_object.website;
website_link.target = "_blank"; 
profile.appendChild(website_link); 

【参考方案2】：

例如，使用negative lookahead:

your_string.replace(/href="(?!http)/, 'href="http://');

例子：

> '<a href="www.yahoo.com">Website</a>'.replace(/href="(?!http)/, 'href="http://');
"<a href="http://www.yahoo.com">Website</a>"
> '<a href="http://www.yahoo.com">Website</a>'.replace(/href="(?!http)/, 'href="http://');
"<a href="http://www.yahoo.com">Website</a>"

【讨论】：

There will be a link to website which is generated using JavaScript itself. 从这里我得到 - 没有本地链接

我的代码看起来像， var website_link = document.createElement("a"); website_link.innerHTML = "网站"; website_link.href = my_JSON_object.website website_link.target = "_blank"; profile.appendChild(website_link);并且没有本地链接。

我看不到您在哪里尝试代码。您需要将replace 命令应用于my_JSON_object.website。

【参考方案3】：

我已将此功能包装到 NPM 模块 url-schemify：

var schemify = require('url-schemify');
var assert = require('assert');

// url-schemify adds default scheme (http) to the URLs that miss it

assert.equal(schemify('google.com'), 'http://google.com');
assert.equal(schemify('www.example.com'), 'http://www.example.com');

// default scheme could be configured through the options parameter

assert.equal(schemify('google.com',  scheme: 'https' ), 'https://google.com');
//  scheme: ''  will produce protocol-related URL
assert.equal(schemify('www.example.com',  scheme: '' ), '//www.example.com');

// url-schemify doesn't modify URLs that already have scheme or protocol-related ones:

assert.equal(schemify('http://google.com'), 'http://google.com');
assert.equal(schemify('https://www.example.com'), 'https://www.example.com');
assert.equal(schemify('ftp://example.com'), 'ftp://example.com');
assert.equal(schemify('//example.com'), '//example.com');