js获取内容中的url链接，并设置a标签

最新推荐文章于 2022-09-02 13:49:17 发布

chinashanzhang

最新推荐文章于 2022-09-02 13:49:17 发布

阅读量5.8k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： javascript

本文链接：https://blog.youkuaiyun.com/chinashanzhang/article/details/79657253

javascript 专栏收录该内容

25 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现将纯文本中的URL链接自动转换为超链接的方法，并提供了具体的代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var regexp = /(http:\/\/|https:\/\/)((\w|=|\?|\.|\/|\&|-)+)/g;
content = content.replace(regexp, function($url){
 return "<a href='" + $url + "' target='_blank'>" + $url + "</a>";
});
console.log(content);

<div id="text">
我的百度https://www.baidu.com和我的东奥http://www.dongao.com地址
</div>
<script type="text/javascript">
var txt = document.getElementById('text').innerHTML;
var regexp = /(http:\/\/|https:\/\/)((\w|=|\?|\.|\/|\&|-)+)/g; //正则匹配
txt1=txt.replace(regexp,function($url){
return "<a href='" + $url + "' target='_blank'>" + $url + "</a>";
});
document.getElementById('text').innerHTML=txt1
//alert(txt.replace(regexp,"m"));
//alert(txt);
</script>