javascript 处理页面上的url，正则替换

最新推荐文章于 2024-07-09 08:43:20 发布

原创最新推荐文章于 2024-07-09 08:43:20 发布 · 3.8k 阅读

2 ·

CC 4.0 BY-SA版权

本文介绍如何使用JavaScript正则表达式匹配并替换HTML中的URL，将它们包裹在<a>标签中，并通过判断是否包含'http'前缀来决定添加的协议。

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

今天在私信内容中显示的url都是字符串，根据需求给url加上a标签，我不想用PHP来后端处理，这个我用javascript正则替换

//写的url正则匹配
var reg = /((http|ftp|https):\/\/)?[\w\-_]+(\.[\w\-_]+)+([\w\-\.,@?^=%&amp;:/~\+#]*[\w\-\@?^=%&amp;/~\+#])?/g;

//获取需要处理的HTML
var str = $('.content').html();

//正则替换
str=str.replace(reg,function(a){
	//如果包含http ，indexOf方法如果包含返回0,所以加上!
    if(!a.indexOf('http')){
    	return '<a href="'+a+'" target=_blank>'+a+'</a>';
    }
    else
    {
    	return '<a href="http://'+a+'" target=_blank>'+a+'</a>';
    }
});

//从新填充给相应的html
$('.content').html(str);