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

Eric 杂记 120 次浏览 抢沙发

如果网页里有大量链接,以文本形式存在。手动添加超链接太麻烦,可以用 JavaScript 配合正则匹配和 replace() 替换函数解决。将下面代码加至 </body> 前,绑定内容父标签 ID 名称即可使用。

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

发表评论

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