JavaScript——页面指定字符或字符串高亮显示的方法

来源：互联网发布：fastjson解析多层json 编辑：程序博客网时间：2024/06/05 17:20

在很多地方，例如搜索关键字，我们需要将结果中的匹配的关键字高亮显示出来，我们可以用下面的方法来实现

例如：将诗中的“的”字全部显示橘黄色

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title></head><body><div id="content"><p>又一个清晨</p><p>如昨天一般下着小雨</p><p>我撑着伞</p><p>走在每天必经的路上</p><p>汽车发动机的声音</p><p>车轮辗过水洼的声音</p><p>周围人走路的声音</p><p>一切都如往常一样</p><p>却都没有此时</p><p>显得那么悦耳动听</p><p>就连潮湿的空气</p><p>也是那么的好闻</p><p>深吸一口</p><p>感觉自己的内心</p><p>得到一丝从未有过的安宁</p><p>汽车的一声鸣笛</p><p>就像向湖面扔了一粒石子</p><p>将我从梦中惊醒</p><p>发现自己依然身处在</p><p>这霾雾重重嘈杂烦乱的城市中</p></div></body><script>var content = document.getElementById("content").innerHTML;var s = "的";    var reg = new RegExp("(" + s + ")", "g");      var str = content;      var newstr = str.replace(reg, "<font color=#FF6633>$1</font>");document.getElementById("content").innerHTML = newstr;</script></html>

阅读全文

1 0