JavaScript實現(xiàn)url地址自動檢測并添加URL鏈接示例代碼
更新時間:2013年11月12日 17:44:59 作者:
寫一個簡單的聊天系統(tǒng),發(fā)出Htpp的Url實現(xiàn)跳轉加上a標簽,下面是具體的實現(xiàn),感興趣的朋友不要錯過
背景:寫一個簡單的聊天系統(tǒng),發(fā)出Htpp的Url實現(xiàn)跳轉加上a標簽。
實現(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地址自動添加的實現(xiàn)
URL地址自動添加的實現(xiàn)其實就是那么點內容:檢測與替換。
檢測
“檢測”就是檢測文字(字符串)內部是否有符合http地址的內容,顯然,這需要用到正則表達式進行驗證,這個工作前端和后臺都可以做,這里,只講前端的方法,使用JavaScript實現(xiàn)。
驗證HTTP地址的正則表達式如下(可能有疏漏或是不準確之處,歡迎指正):
var reg = /(http:\/\/|https:\/\/)((\w|=|\?|\.|\/|&|-)+)/g;
前一部分匹配http或是https開頭的URL字符串地址,后面一部分匹配一些字符,英文字符、下劃線(_)、點號(.)、問號(?)以及等號(=),連接短線(-)等。
替換
說到JavaScript中的替換功能,首先想到的自然是replace屬性了,replace屬性強大之處在于其支持正則表達式,可以對符合正則的字符串進行替換。例如,我們要替換掉字符串兩端的空格就可以使用類似下面的語句:
var s = " blank ";
s = s.replace(/^\s+(.*?)\s+$/, "");
alert(s);
實現(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地址自動添加的實現(xiàn)
URL地址自動添加的實現(xiàn)其實就是那么點內容:檢測與替換。
檢測
“檢測”就是檢測文字(字符串)內部是否有符合http地址的內容,顯然,這需要用到正則表達式進行驗證,這個工作前端和后臺都可以做,這里,只講前端的方法,使用JavaScript實現(xiàn)。
驗證HTTP地址的正則表達式如下(可能有疏漏或是不準確之處,歡迎指正):
var reg = /(http:\/\/|https:\/\/)((\w|=|\?|\.|\/|&|-)+)/g;
前一部分匹配http或是https開頭的URL字符串地址,后面一部分匹配一些字符,英文字符、下劃線(_)、點號(.)、問號(?)以及等號(=),連接短線(-)等。
替換
說到JavaScript中的替換功能,首先想到的自然是replace屬性了,replace屬性強大之處在于其支持正則表達式,可以對符合正則的字符串進行替換。例如,我們要替換掉字符串兩端的空格就可以使用類似下面的語句:
復制代碼 代碼如下:
var s = " blank ";
s = s.replace(/^\s+(.*?)\s+$/, "");
alert(s);
相關文章
BootStrap表單驗證 FormValidation 調整反饋圖標位置的實例代碼
這篇文章主要介紹了BootStrap表單驗證 FormValidation 調整反饋圖標位置的實例代碼,需要的朋友可以參考下2017-05-05
論壇里點擊別人帖子下面的回復,回復標題變成“回復 24# 的帖子”
2009-06-06
JavaScript前端中的偽類元素before和after使用詳解
before和after也算是css里面最常見的元素了,而我卻一直不太了解,再不學一下就真的太不像話了。所以學習一下,需要的朋友們下面隨著小編來一起學習吧2023-02-02

