JavaScript高亮关键词小工具语法简洁实用
关键词高亮的 JavaScript 小工具,挺适合做搜索结果优化的。原理就是扫描文本,把匹配到的词用包起来,加个背景色或加粗,用户一眼就能看到重点。写法也不复杂,用RegExp配合replace()就能搞定。
比如你要在文章里高亮“前端”两个字,就用new RegExp('前端', 'gi')去匹配,再用.replace()包上标签。配合点 CSS,效果还蛮好看,响应也快。
实际项目里,这个功能可以用在站内搜索、日志查看器、甚至后台管理系统的筛选结果里。注意哦,如果关键词里有正则特殊符号,记得先转义一下,不然会出错。
如果你经常做内容类项目,可以把这段逻辑封装成一个方法,方便下次直接用。
文件大小:49.66KB
评论区