js實現的將文字中的url網址轉換為可以點選的連結
在很多網站中,當我們輸入一段文字的時候,如果裡面帶有連結地址,地址會被轉換為可以點選的連結,這其實不是瀏覽器的恩賜,而是需要我們程式設計師自己去實現,本站也具有這樣的功能,並且可以根據會員的等級進行限制,當然這不是本章節的重點,下面就通過例項程式碼介紹一下如何實現將網址轉換為可以點選的連結的功能。
程式碼如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script type="text/javascript"> String.prototype.httpHtml=function(){ var reg = /(http:\/\/|https:\/\/)((\w|=|\?|\.|\/|&|-)+)/g; return this.replace(reg, '<a target=_blank href="$1$2">$1$2</a>'); }; var str="歡迎來到螞蟻部落,網址是:http://www.softwhy.com"; window.onload=function(){ var odiv=document.getElementById("thediv"); odiv.innerHTML=str.httpHtml(); } </script> </head> <body> <div id="thediv"></div> </body> </html>
上面的程式碼實現了我們的要求,可以將字串中的url文字內容轉換為可以點選的連結。
相關文章
- 將網址url中的引數轉化為JSON格式JSON
- 輸入url網址即可將其解析成可點選的連結
- Java實現將文字內容、網址連結url,生成二維碼與反解析Java
- js實現的點選連結<a>實現切換背景顏色JS
- JavaScript字串中URL的檢測並轉換為連結JavaScript字串
- js點選同一個連結開啟兩個網址的效果JS
- JS實現將文字轉換為語音並自動播放JS
- jquery中點選切換的實現jQuery
- JS實現JSON物件與URL引數的相互轉換JSON物件
- js獲取url連結中的引數JS
- js將文字框的內容回車換行符轉換為<br/>換行JS
- Python程式設計:URL網址連結中的中文編碼與解碼Python程式設計
- 如何實現點選連結不跳轉效果
- 模擬實現超連結的點選事件事件
- 實現長連結轉化成短連結(新浪T.CN短連結以及騰訊URL.cn短網址)API介面程式碼分享API
- js匹配網址url的正規表示式集合JS
- 長 URL 轉短連結的簡單設計與實現
- 最新最穩定的騰訊短網址(URL短連結)API介面分享API
- Java中將Excel轉換為JSON的兩種方法JavaExcelJSON
- JS如何實現點選複製功能,JS點選複製文字JS
- jquery實現將字串轉換為json格式物件jQuery字串JSON物件
- js實現的點選複製選中文字程式碼例項JS
- 網址URL中特殊字元轉義編碼字元
- js如何將英文字元轉換為大寫JS字元
- 捕獲Android文字中連結點選事件Android事件
- js實現的將金錢轉換為大寫形式程式碼例項JS
- 點選文字框實現文字框內容選中效果
- 網址(URL)的詳細解析
- 讓輸入的連結字串自動可以點選跳轉程式碼字串
- 在 AngularJS 中將 XML 轉換為 JSONAngularXMLJSON
- JS中將一個值轉換為字串的3種方法JS字串
- Hash連結串列轉換為紅黑樹,和樹轉換為連結串列的條件
- 為字串中的網址加上鍊接的程式例子 (轉)字串
- 點選實現選中指定元素的文字內容
- js實現的按鈕不用人為點選就觸發點選事件JS事件
- 如何在Python中將語音轉換為文字Python
- 如何實現連結點選前和點選後的顏色一致
- js 將json字串轉換為json物件的方法解析JSON字串物件