快捷導(dǎo)航

javascript自動給文本url地址增加鏈接的方法分享

更新時(shí)間：2014年01月20日 16:03:30 作者：

這篇文章主要介紹了javascript自動給文本url地址增加鏈接的方法，有需要的朋友可以參考一下

URL地址自動添加的實(shí)現(xiàn)其實(shí)就是那么點(diǎn)內(nèi)容：檢測與替換。

檢測

“檢測”就是檢測文字（字符串）內(nèi)部是否有符合http地址的內(nèi)容，顯然，這需要用到正則表達(dá)式進(jìn)行驗(yàn)證，這個工作前端和后臺都可以做，這里，只講前端的方法，使用JavaScript實(shí)現(xiàn)。

驗(yàn)證HTTP地址的正則表達(dá)式如下（可能有疏漏或是不準(zhǔn)確之處，歡迎指正）：

復(fù)制代碼代碼如下:

var reg = /(http://|https://)((w|=|?|.|/|&|-)+)/g;

前一部分匹配http或是https開頭的URL字符串地址，后面一部分匹配一些字符，英文字符、下劃線(_)、點(diǎn)號(.)、問號(?)以及等號(=)，連接短線(-)等。

替換 www.dbjr.com.cn
說到JavaScript中的替換功能，首先想到的自然是replace屬性了，replace屬性強(qiáng)大之處在于其支持正則表達(dá)式，可以對符合正則的字符串進(jìn)行替換。例如，我們要替換掉字符串兩端的空格就可以使用類似下面的語句：

復(fù)制代碼代碼如下:

var s = " blank ";
s = s.replace(/^s+(.*?)s+$/, "");
alert(s);

就會得到”blank”，兩端的空格被剔除了。同樣的，這里只要將匹配的http地址替換成<a>標(biāo)簽嵌套的含有href屬性的http地址就可以了

例,這個表達(dá)式可以匹配 http,https,ftp,ftps以及IP地址的URL地址。

復(fù)制代碼代碼如下:

var URL = /(https?://|ftps?://)?((d{1,3}.d{1,3}.d{1,3}.d{1,3})(:[0-9]+)?|([w]+.)(S+)(w{2,4})(:[0-9]+)?)(/?([w#!:.?+=&%@!-/]+))?/ig;

還算是URL地址匹配計(jì)較完善的。利用這個表達(dá)式我寫了兩個小函數(shù)，將用戶留言的URL地址替換成可點(diǎn)擊的鏈接，沒有什么太難的，就是利用JavaScript 的 replace() 函數(shù)來實(shí)現(xiàn)替換 URL 為 link：

復(fù)制代碼代碼如下:

/**
* JavaScrit 版本
* 將URL地址轉(zhuǎn)化為完整的A標(biāo)簽鏈接代碼
*/

var replaceURLToLink = function (text) {
        text = text.replace(URL, function (url) {
            var urlText = url;
            if (!url.match('^https?://')) {
                url = 'http://' + url;
            }
            return '' + urlText + '';
        });

return text;
};

您可能感興趣的文章: