JavaScript實現url地址自動檢測並添加URL連結範例程式碼_javascript技巧

來源:互聯網
上載者:User
背景:寫一個簡單的聊天系統,發出Htpp的Url實現跳轉加上a標籤。
實現代碼:
複製代碼 代碼如下:

String.prototype.httpHtml = function(){
var reg = /(http:\/\/|https:\/\/)((\w|=|\?|\.|\/|&|-)+)/g;
return this.replace(reg, '<a target=_blank href="$1$2">$1$2</a>');
};

摘錄:
URL地址自動添加的實現
URL地址自動添加的實現其實就是那麼點內容:檢測與替換。

檢測
“檢測”就是檢測文字(字串)內部是否有符合http地址的內容,顯然,這需要用到Regex進行驗證,這個工作前端和後台都可以做,這裡,只講前端的方法,使用JavaScript實現。
驗證HTTP地址的Regex如下(可能有疏漏或是不準確之處,歡迎指正):
var reg = /(http:\/\/|https:\/\/)((\w|=|\?|\.|\/|&|-)+)/g;
前一部分匹配http或是https開頭的URL字串地址,後面一部分匹配一些字元,英文字元、底線(_)、點號(.)、問號(?)以及等號(=),串連短線(-)等。

替換
說到JavaScript中的替換功能,首先想到的自然是replace屬性了,replace屬性強大之處在於其支援Regex,可以對符合正則的字串進行替換。例如,我們要替換掉字串兩端的空格就可以使用類似下面的語句:
複製代碼 代碼如下:

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

聯繫我們

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

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

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.