对关键字进行搜索，并对搜索的字提亮显示

最新推荐文章于 2021-06-17 16:25:15 发布

八角啦

最新推荐文章于 2021-06-17 16:25:15 发布

阅读量214

点赞数

文章标签： javascript

本文链接：https://blog.youkuaiyun.com/weixin_39410229/article/details/114633270

版权

积累专栏收录该内容

10 篇文章

订阅专栏

本文介绍了一种在页面上实现搜索关键词高亮的方法。通过使用正则表达式匹配并替换标题和内容中的搜索关键词，使其以红色突出显示。这种方法适用于任何包含文本信息的网页或应用。

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

if(this.searchkeyword){
	var reg = new RegExp(this.searchkeyword, "g");
	var text = "<span style='color:red'>" + this.searchkeyword + "</span>"
	if (item.title.indexOf(this.searchkeyword) !== '-1') {
		item.title = item.title.replace(reg, text);
	};
	if (item.content.indexOf(this.searchkeyword) !== '-1') 		 {
		item.content = item.content.replace(reg, text);
	};
}