JavaScript實(shí)現(xiàn)url地址自動(dòng)檢測(cè)并添加URL鏈接示例代碼
更新時(shí)間:2013年11月12日 17:44:59 作者:
寫(xiě)一個(gè)簡(jiǎn)單的聊天系統(tǒng),發(fā)出Htpp的Url實(shí)現(xiàn)跳轉(zhuǎn)加上a標(biāo)簽,下面是具體的實(shí)現(xiàn),感興趣的朋友不要錯(cuò)過(guò)
背景:寫(xiě)一個(gè)簡(jiǎn)單的聊天系統(tǒng),發(fā)出Htpp的Url實(shí)現(xiàn)跳轉(zhuǎn)加上a標(biāo)簽。
實(shí)現(xiàn)代碼:
String.prototype.httpHtml = function(){
var reg = /(http:\/\/|https:\/\/)((\w|=|\?|\.|\/|&|-)+)/g;
return this.replace(reg, '<a target=_blank href="$1$2">$1$2</a>');
};
摘錄:
URL地址自動(dòng)添加的實(shí)現(xiàn)
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)確之處,歡迎指正):
var reg = /(http:\/\/|https:\/\/)((\w|=|\?|\.|\/|&|-)+)/g;
前一部分匹配http或是https開(kāi)頭的URL字符串地址,后面一部分匹配一些字符,英文字符、下劃線(_)、點(diǎn)號(hào)(.)、問(wèn)號(hào)(?)以及等號(hào)(=),連接短線(-)等。
替換
說(shuō)到JavaScript中的替換功能,首先想到的自然是replace屬性了,replace屬性強(qiáng)大之處在于其支持正則表達(dá)式,可以對(duì)符合正則的字符串進(jìn)行替換。例如,我們要替換掉字符串兩端的空格就可以使用類(lèi)似下面的語(yǔ)句:
var s = " blank ";
s = s.replace(/^\s+(.*?)\s+$/, "");
alert(s);
實(shí)現(xiàn)代碼:
復(fù)制代碼 代碼如下:
String.prototype.httpHtml = function(){
var reg = /(http:\/\/|https:\/\/)((\w|=|\?|\.|\/|&|-)+)/g;
return this.replace(reg, '<a target=_blank href="$1$2">$1$2</a>');
};
摘錄:
URL地址自動(dòng)添加的實(shí)現(xiàn)
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)確之處,歡迎指正):
var reg = /(http:\/\/|https:\/\/)((\w|=|\?|\.|\/|&|-)+)/g;
前一部分匹配http或是https開(kāi)頭的URL字符串地址,后面一部分匹配一些字符,英文字符、下劃線(_)、點(diǎn)號(hào)(.)、問(wèn)號(hào)(?)以及等號(hào)(=),連接短線(-)等。
替換
說(shuō)到JavaScript中的替換功能,首先想到的自然是replace屬性了,replace屬性強(qiáng)大之處在于其支持正則表達(dá)式,可以對(duì)符合正則的字符串進(jìn)行替換。例如,我們要替換掉字符串兩端的空格就可以使用類(lèi)似下面的語(yǔ)句:
復(fù)制代碼 代碼如下:
var s = " blank ";
s = s.replace(/^\s+(.*?)\s+$/, "");
alert(s);
相關(guān)文章
BootStrap表單驗(yàn)證 FormValidation 調(diào)整反饋圖標(biāo)位置的實(shí)例代碼
這篇文章主要介紹了BootStrap表單驗(yàn)證 FormValidation 調(diào)整反饋圖標(biāo)位置的實(shí)例代碼,需要的朋友可以參考下2017-05-05小程序?qū)崿F(xiàn)按下錄音松開(kāi)識(shí)別語(yǔ)音
這篇文章主要為大家詳細(xì)介紹了小程序?qū)崿F(xiàn)按下錄音松開(kāi)識(shí)別語(yǔ)音,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-11-11js跟隨滾動(dòng)條滾動(dòng)浮動(dòng)代碼
js跟隨滾動(dòng)條滾動(dòng)浮動(dòng)代碼,對(duì)于firefox不兼容。2009-12-12基于JS簡(jiǎn)單實(shí)現(xiàn)手持彈幕功能+文字抖動(dòng)特效代碼
這篇文章主要介紹了基于JS簡(jiǎn)單實(shí)現(xiàn)手持彈幕功能+文字抖動(dòng)特效代碼,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2021-03-03Js實(shí)現(xiàn)兩個(gè)跨域頁(yè)面進(jìn)行跳轉(zhuǎn)傳參的方案詳解
這篇文章主要為大家詳細(xì)介紹了JavaScript中實(shí)現(xiàn)兩個(gè)跨域頁(yè)面進(jìn)行跳轉(zhuǎn)傳參的方案,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-12-12JavaScript前端中的偽類(lèi)元素before和after使用詳解
before和after也算是css里面最常見(jiàn)的元素了,而我卻一直不太了解,再不學(xué)一下就真的太不像話了。所以學(xué)習(xí)一下,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)吧2023-02-02