如何在 JavaScript 中偵測 URL 並將其轉換為超連結？

使用 JavaScript 偵測文字中的 URL

由於 URL 格式的靈活性，偵測 URL 可能具有挑戰性。為了解決這個問題，我們創建了一個自訂函數，用 HTML 超連結取代任何偵測到的 URL。

用於 URL 偵測的正規表示式

尋找 URL 需要準確的正規表示式。雖然提供的“kLINK_DETECTION_REGEX”很全面，但它可能會導致誤報。對於此演示，我們將使用更簡單的正規表示式： /(https?://¹ )/g.

字串替換

一旦我們有了正規表示式，我們就可以使用replace()方法用超連結取代URL。替換字串可以使用字串連接來建構：

return text.replace(urlRegex, '<a href="' + url + '">' + url + '</a>')

或者，我們可以使用$1 反向引用：

return text.replace(urlRegex, '<a href=""></a>')

範例用法

範例用法

Find me at <a href="http://www.example.com">http://www.example.com</a> and also at <a href="http://stackoverflow.com">http://stackoverflow.com</a>

---

給定輸入文字：「在http://www.example.com 和也在http://stackoverflow.com'，urlify函數將產生以下 HTML：

s

↩

以上是如何在 JavaScript 中偵測 URL 並將其轉換為超連結？的詳細內容。更多資訊請關注PHP中文網其他相關文章！