使用JavaScript自动为网址文本添加超链接

Kevin 杂记 537 次浏览 1条评论

有些情况可能需要用到这个,例如网页里有大量链接,以文本形式存在。手动添加超链接显然不现实,这时可以用JavaScript配合正则匹配和replace()替换函数解决。将下面代码加至</body>前,绑定内容父标签ID名称即可使用,原生JS用法,不用加载jQuery库。

HTML

<div id="demo">包含网址的文本内容</div>

JavaScript

window.onload = function() {
    var label = document.getElementById("demo");
    var text = label.innerHTML;
    var regular = /((https|http):\/\/[\w.\/\:\-]+)(?![^<]+>)/gi;
    label.innerHTML = text.replace(regular, "<a href='$1' target='_blank'>$1</a>");
}

评论列表

  1. #1

    Hi, very nice website, cheers!
    ——————————————————
    Need cheap and reliable hosting? Our shared plans start at $10 for an year and VPS plans for $6/Mo.
    ——————————————————
    Check here: https://www.reliable-webhosting.com/

发表评论

电邮地址用于 Gravatar 头像显示,不会被公开可见。