本文简单介绍了一种如何给文本中所有网址链接自动加上a标签的方法.
html代码如下:
这是一段文字内容用于简单测试自动加上a标签链接的方法,这是一个链接!https://www.qtool.net 这是另一个链接https://www.adminun.com qtool在线工具
继续在页面中插入以下js代码:
var nrtext=$('.urlwb').html();
var zzreg = /(http:\/\/|https:\/\/)((\w|=|\?|\.|\/|&|-)+)/g;
var cimg=$('.urlwb img').attr('src');
if(zzreg.exec(cimg)){ }else{
nrtext = nrtext.replace(zzreg,"$1$2");
}
document.getElementById('qtool-urlwb').innerHTML = nrtext;
或者这段js代码
var txt = document.getElementById('qtool-urlwb').innerHTML;
var zzreg = /(http:\/\/|https:\/\/)((\w|=|\?|\.|\/|&|-)+)/g;
txt = txt.replace(zzreg, "$1$2").replace(/\n/g, "
");
document.getElementById('qtool-urlwb').innerHTML = txt;
};
需要注意的是,两端js代码任意选择一种即可,第一段js代码需要引用jquery,如果删除调用代码会没有效果.