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

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