JavaScript高亮关键词小工具语法简洁实用

关键词高亮的 JavaScript 小工具,挺适合做搜索结果优化的。原理就是扫描文本,把匹配到的词用包起来,加个背景色或加粗,用户一眼就能看到重点。写法也不复杂,用RegExp配合replace()就能搞定。

比如你要在文章里高亮“前端”两个字,就用new RegExp('前端', 'gi')去匹配,再用.replace()包上标签。配合点 CSS,效果还蛮好看,响应也快。

实际项目里,这个功能可以用在站内搜索、日志查看器、甚至后台管理系统的筛选结果里。注意哦,如果关键词里有正则特殊符号,记得先转义一下,不然会出错。

如果你经常做内容类项目,可以把这段逻辑封装成一个方法,方便下次直接用。

mp4 文件大小:49.66KB