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/