URL地址自動(dòng)添加的實(shí)現(xiàn)其實(shí)就是那么點(diǎn)內(nèi)容:檢測(cè)與替換。
檢測(cè)
“檢測(cè)”就是檢測(cè)文字(字符串)內(nèi)部是否有符合http地址的內(nèi)容,顯然,這需要用到正則表達(dá)式進(jìn)行驗(yàn)證,這個(gè)工作前端和后臺(tái)都可以做,這里,只講前端的方法,使用JavaScript實(shí)現(xiàn)。
驗(yàn)證HTTP地址的正則表達(dá)式如下(可能有疏漏或是不準(zhǔn)確之處,歡迎指正):
前一部分匹配http或是https開(kāi)頭的URL字符串地址,后面一部分匹配一些字符,英文字符、下劃線(xiàn)(_)、點(diǎn)號(hào)(.)、問(wèn)號(hào)(?)以及等號(hào)(=),連接短線(xiàn)(-)等。
替換 www.companysz.com
說(shuō)到JavaScript中的替換功能,首先想到的自然是replace屬性了,replace屬性強(qiáng)大之處在于其支持正則表達(dá)式,可以對(duì)符合正則的字符串進(jìn)行替換。例如,我們要替換掉字符串兩端的空格就可以使用類(lèi)似下面的語(yǔ)句:
就會(huì)得到”blank”,兩端的空格被剔除了。同樣的,這里只要將匹配的http地址替換成<a>標(biāo)簽嵌套的含有href屬性的http地址就可以了
例,這個(gè)表達(dá)式可以匹配 http,https,ftp,ftps以及IP地址的URL地址。
還算是URL地址匹配計(jì)較完善的。利用這個(gè)表達(dá)式我寫(xiě)了兩個(gè)小函數(shù),將用戶(hù)留言的URL地址替換成可點(diǎn)擊的鏈接,沒(méi)有什么太難的,就是利用JavaScript 的 replace() 函數(shù)來(lái)實(shí)現(xiàn)替換 URL 為 link:
var replaceURLToLink = function (text) {
text = text.replace(URL, function (url) {
var urlText = url;
if (!url.match('^https?://')) {
url = 'http://' + url;
}
return '' + urlText + '';
});
return text;
};
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注