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

來源:互聯網
上載者:User

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

URL地址自動添加的實現其實就是那麼點內容:檢測與替換。 檢測 “檢測”就是檢測文字(字串)內部是否有符合http地址的內容,顯然,這需要用到Regex進行驗證,這個工作前端和後台都可以做,這裡,只講前端的方法,使用JavaScript實現。 驗證HTTP地址的Regex如下(可能有疏漏或是不準確之處,歡迎指正): 代碼如下:var reg = /(http://|https://)((w|=|?|.|/|&|-)+)/g;  前一部分匹配http或是https開頭的URL字串地址,後面一部分匹配一些字元,英文字元、底線(_)、點號(.)、問號(?)以及等號(=),串連短線(-)等。 替換 www.jb51.net說到JavaScript中的替換功能,首先想到的自然是replace屬性了,replace屬性強大之處在於其支援Regex,可以對符合正則的字串進行替換。例如,我們要替換掉字串兩端的空格就可以使用類似下面的語句:代碼如下:var s = " blank ";s = s.replace(/^s+(.*?)s+$/, "");alert(s);  就會得到”blank”,兩端的空格被剔除了。同樣的,這裡只要將匹配的http地址替換成<a>標籤嵌套的含有href屬性的http地址就可以了 例,這個運算式可以匹配 http,https,ftp,ftps以及IP地址的URL地址。 代碼如下: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地址匹配計較完善的。利用這個運算式我寫了兩個小函數,將使用者留言的URL地址替換成可點擊的連結,沒有什麼太難的,就是利用JavaScript 的 replace() 函數來實現替換 URL 為 link: 代碼如下:/** * JavaScrit 版本 * 將URL地址轉化為完整的A標籤連結代碼 */ var replaceURLToLink = function (text) {        text = text.replace(URL, function (url) {            var urlText = url;            if (!url.match('^https?://')) {                url = 'http://' + url;            }            return '' + urlText + '';        });         return text;    }; 
相關文章

Cloud Intelligence Leading the Digital Future

Alibaba Cloud ACtivate Online Conference, Nov. 20th & 21st, 2019 (UTC+08)

Register Now >

Starter Package

SSD Cloud server and data transfer for only $2.50 a month

Get Started >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。