js提取文本内容中的网址url并自动加上超链接地址

第一种方法:如图

HTML代码为:

<div class="thread_mess" id="thread_imgid" data-tid="67902">
     <div class="message">发动最后一次的宣传,看看是否连接可以点击了 ,如果不行,找我,如果行,就不要找我了!http://www.5usport.com 我的http://app.5usport.com</div>    
</div>

JS代码为:

//链接可点击
    if($('.thread_mess').length){
        var textR=$('.thread_mess').html();
        var reg = /(http:\/\/|https:\/\/)((\w|=|\?|\.|\/|&|-)+)/g;
        var imgSRC=$('.thread_mess img').attr('src');
        if(reg.exec(imgSRC)){
            return false
        }else{
          textR = textR.replace(reg, "<a href='$1$2'>$1$2</a>");
        }
        document.getElementById('thread_imgid').innerHTML = textR;
    }

线上链接查看效果:http://cid.5usport.com/api/show?tid=67902

文章来自:http://www.zhangxinxu.com/wordpress/2010/04/javascript%E5%AE%9E%E7%8E%B0http%E5%9C%B0%E5%9D%80%E8%87%AA%E5%8A%A8%E6%A3%80%E6%B5%8B%E5%B9%B6%E6%B7%BB%E5%8A%A0url%E9%93%BE%E6%8E%A5/

 

posted @ 2016-02-26 17:55  chenguiya  阅读(12924)  评论(0编辑  收藏  举报