JavaScript关键词高亮小技巧

关键词高亮的 JavaScript 小技巧,用起来是真方便。你只要简单几行代码,就能把页面里的关键词一一标红,还挺适合做搜索结果、文章重点标记那种场景。响应也快,兼容性也不错,用在老项目里也没啥压力。

比如用JavaScript配合innerHTML替换关键词,用正则搞定大小写问题、全词匹配这些细节。你可以这么写:

function highlight(text, keyword) {
  const reg = new RegExp(`(${keyword})`, 'gi');
  return text.replace(reg, '$1');
}

嗯,要注意别直接操作整个innerHTML,不然标签被替换坏。可以先找好目标节点,比如

;

;那种,再下手。还有,关键词过滤爬虫提取其实也都能配合用,一起做内容高亮和。

如果你常写前端展示类项目,或者接手过 SEO 优化、内容管理系统,强烈建议你试试下面这些关键词相关的工具和文章,真的蛮有。

zip 文件大小:14.76KB