搜 索

js给一段文本中的所有网址链接自动加上a标签

编辑:QTOOL.NET日期:2019-06-13203

本文简单介绍了一种如何给文本中所有网址链接自动加上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,如果删除调用代码会没有效果.

TAG标签:js
此文章由QTOOL.NET编辑
最新文章

热门标签