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