如何在 JavaScript 中检测 URL 并将其转换为超链接？

使用 JavaScript 检测文本中的 URL

由于 URL 格式的灵活性，检测 URL 可能具有挑战性。为了解决这个问题，我们创建了一个自定义函数，用 HTML 超链接替换任何检测到的 URL。

用于 URL 检测的正则表达式

查找 URL 需要准确的正则表达式。虽然提供的“kLINK_DETECTION_REGEX”很全面，但它可能会导致误报。对于此演示，我们将使用更简单的正则表达式： /(https?://¹ )/g.

字符串替换

一旦我们有了正则表达式，我们就可以使用replace()方法用超链接替换URL。替换字符串可以使用字符串连接来构造：

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

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

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

示例用法

给定输入文本：“在 http://www.example.com 和也在http://stackoverflow.com'，urlify 函数将生成以下 HTML：

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>

---

1. s ↩

以上是如何在 JavaScript 中检测 URL 并将其转换为超链接？的详细内容。更多信息请关注PHP中文网其他相关文章！