本文描述了在网页中识别关键词和用JavaScript跟踪红色的方法。分享给大家参考，如下：

这里，演示了JavaScript如何智能识别网页关键词并以红色显示。相信这个效果大家都很熟悉。用JS添加红色关键词比控制程序输出要好得多。有些功能必须交给客户端浏览器，这样就相应减轻了服务器的压力。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/js-keyword-show-red-color-codes/

具体代码如下：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www . w3 . org/TR/XHTML 1/DTD/XHTML 1-Transitional . DTD ' html xmlns=' http://www . w3 . org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；Charset=utf-8' /titleJS查询替换关键字/title style type=' text/CSS ' span { color : # f00；font-weight : bold；}/style/head dydiv我是标题：这里是文字介绍！/divdiv我是第二胎：的描述文字。/div script type=' text/JavaScript ' var div s=document . getelementsbytagname(' div ')；for(I=0；idivs.lengthi ){ var text=divs[i]。innerHTMLvar index=text . indexof(' : ')；var span=document . create element(' span ')；span . innerhtml=text . substring(0，索引1)；divs[i]。innerHTML=text.substring(索引1)；divs[i]。insertBefore(span，div[I]。first child)；}/script/body/html希望这篇文章对JavaScript编程有所帮助。