JavaScript實現(xiàn)url地址自動檢測并添加URL鏈接示例代碼
更新時間：2013年11月12日 17:44:59 作者：
寫一個簡單的聊天系統(tǒng)，發(fā)出Htpp的Url實現(xiàn)跳轉(zhuǎn)加上a標(biāo)簽，下面是具體的實現(xiàn)，感興趣的朋友不要錯過
背景：寫一個簡單的聊天系統(tǒng)，發(fā)出Htpp的Url實現(xiàn)跳轉(zhuǎn)加上a標(biāo)簽。
實現(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)其實就是那么點內(nèi)容：檢測與替換。
檢測
“檢測”就是檢測文字（字符串）內(nèi)部是否有符合http地址的內(nèi)容，顯然，這需要用到正則表達(dá)式進(jìn)行驗證，這個工作前端和后臺都可以做，這里，只講前端的方法，使用JavaScript實現(xiàn)。
驗證HTTP地址的正則表達(dá)式如下（可能有疏漏或是不準(zhǔn)確之處，歡迎指正）：
var reg = /(http:\/\/|https:\/\/)((\w|=|\?|\.|\/|&|-)+)/g;
前一部分匹配http或是https開頭的URL字符串地址，后面一部分匹配一些字符，英文字符、下劃線(_)、點號(.)、問號(?)以及等號(=)，連接短線(-)等。
替換
說到JavaScript中的替換功能，首先想到的自然是replace屬性了，replace屬性強(qiáng)大之處在于其支持正則表達(dá)式，可以對符合正則的字符串進(jìn)行替換。例如，我們要替換掉字符串兩端的空格就可以使用類似下面的語句：
var s = " blank ";
s = s.replace(/^\s+(.*?)\s+$/, "");
alert(s);
實現(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地址自動添加的實現(xiàn)
URL地址自動添加的實現(xiàn)其實就是那么點內(nèi)容：檢測與替換。
檢測
“檢測”就是檢測文字（字符串）內(nèi)部是否有符合http地址的內(nèi)容，顯然，這需要用到正則表達(dá)式進(jìn)行驗證，這個工作前端和后臺都可以做，這里，只講前端的方法，使用JavaScript實現(xiàn)。
驗證HTTP地址的正則表達(dá)式如下（可能有疏漏或是不準(zhǔn)確之處，歡迎指正）：
var reg = /(http:\/\/|https:\/\/)((\w|=|\?|\.|\/|&|-)+)/g;
前一部分匹配http或是https開頭的URL字符串地址，后面一部分匹配一些字符，英文字符、下劃線(_)、點號(.)、問號(?)以及等號(=)，連接短線(-)等。
替換
說到JavaScript中的替換功能，首先想到的自然是replace屬性了，replace屬性強(qiáng)大之處在于其支持正則表達(dá)式，可以對符合正則的字符串進(jìn)行替換。例如，我們要替換掉字符串兩端的空格就可以使用類似下面的語句：
復(fù)制代碼 代碼如下:
var s = " blank ";
s = s.replace(/^\s+(.*?)\s+$/, "");
alert(s);
相關(guān)文章
fw.qq.com/ipaddress已失效 javascript獲得客戶端IP的新方法
一直以來，我都是通過http://fw.qq.com/ipaddress來獲得客戶端用戶的IP，這個方法簡單、快速、實用2012-01-01
js將日期格式轉(zhuǎn)換為YYYY-MM-DD HH:MM:SS
這篇文章主要介紹了js將日期格式轉(zhuǎn)換為YYYY-MM-DD HH:MM:SS，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-09-09
這篇文章主要介紹了js識別uc瀏覽器的代碼,需要的朋友可以參考下2015-11-11
有時候我們在網(wǎng)頁上需要增加一個下載按鈕，讓用戶能夠點擊后下載頁面上的資料，那么怎樣才能實現(xiàn)功能呢？今天小編給大家分享兩種方法實現(xiàn)js實現(xiàn)點擊按鈕下載文件，需要的朋友參考下吧2016-11-11
JS+html5 canvas實現(xiàn)的簡單繪制折線圖效果示例
這篇文章主要介紹了JS+html5 canvas實現(xiàn)的簡單繪制折線圖效果,結(jié)合實例形式分析了js結(jié)合HTML5 canvas技術(shù)實現(xiàn)圖形繪制的數(shù)值運(yùn)算與數(shù)組遍歷等操作技巧,需要的朋友可以參考下2017-03-03
在IE6下發(fā)生Internet Explorer cannot open the Internet site錯誤
最近在IE6下面時常會發(fā)生“Internet Explorer cannot open the Internet site ”錯誤。2010-06-06
這篇文章主要為大家介紹了tkinter使用canvas實現(xiàn)漸變色，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2021-12-12
用JavaScript和注冊表腳本實現(xiàn)右鍵收藏Web頁選中文本
用JavaScript和注冊表腳本實現(xiàn)右鍵收藏Web頁選中文本...2007-01-01
這篇文章主要介紹了JavaScript中模擬實現(xiàn)jsonp,本文直接給出實現(xiàn)代碼,代碼中包含詳細(xì)注釋,需要的朋友可以參考下2015-06-06
這篇文章主要介紹了使用javascript實現(xiàn)類似超鏈接的效果的特效，通過示例熟悉javascript事件，這里推薦給大家。2014-12-12