本文介绍如何使用 JavaScript 自动识别并高亮显示来自搜索引擎搜索结果页的关键词。通过解析 URL 参数获取关键词,并在页面加载后对指定区域文本进行匹配替换,实现关键词的视觉突出,提升用户阅读体验。
示例代码与运行环境
<html> <head> <style> /*定义样式*/ .hilite1{background:#69c;} </style> </head> <body> <div id="divMain"> 我是test,我要被highlight。我们是javascript,我们是javascript </div> </body> </html> 注意:若通过 Ctrl+A 全选并引入外部 JavaScript 文件,通常需要刷新页面后方可执行相关代码逻辑。