JavaScript 如何偵測和超連結文字中的 URL？

使用JavaScript 檢測文本中的URL

檢測字串中的URL 可能是一項棘手的任務，因為有效的URL 遵循複雜而靈活的規則。但是，JavaScript 提供了使用正規表示式的方法，可用於識別字串中的 URL。

要偵測字串陣列中的 URL，您可以使用 forEach() 函數來迭代每個字串。在循環中，您可以使用正規表示式來匹配 URL。

提供的kLINK_DETECTION_REGEX 旨在偵測具有各種元件的URL，包括協定（如果存在）、主機名稱、連接埠（可選）、路徑（可選）查詢字串）和片段（可選） 。但是，應該注意的是，由於 URL 語法的複雜性，此正規表示式可能會產生誤報。

這是一個使用正規表示式來匹配https://example.com 格式的URL 的簡化範例：

const urlRegex = /(https?:\/\/[^\s]+)/g;

function urlify(text) {
  return text.replace(urlRegex, function(url) {
    return '<a href="' + url + '">' + url + '</a>';
  });
}

此函數將以包含URL 作為超連結的HTML 錨標記替換每個符合的URL。例如，以下程式碼片段會將文字字串中的 URL 轉換為 HTML 連結：

const text = 'Find me at http://www.example.com and also at http://stackoverflow.com';
const html = urlify(text);

console.log(html);

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