JavaScript 自动高亮显示搜索引擎来源关键词

作者:青柠

时间:2026-10-24

浏览:590

本文介绍如何使用 JavaScript 自动识别并高亮显示来自搜索引擎搜索结果页的关键词。通过解析 URL 参数获取关键词,并在页面加载后对指定区域文本进行匹配替换,实现关键词的视觉突出,提升用户阅读体验。

文章目录

示例代码与运行环境

<html> <head> <style> /*定义样式*/ .hilite1{background:#69c;} </style>  </head> <body> <div id="divMain"> 我是test,我要被highlight。我们是javascript,我们是javascript </div> </body> </html> 

注意:若通过 Ctrl+A 全选并引入外部 JavaScript 文件,通常需要刷新页面后方可执行相关代码逻辑。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章