JavaScript 实现百度等搜索引擎搜索关键字标红的效果

在做数据库HAMdb的时候发现需要在搜索结果标红搜索的关键字，这样看起来更加清晰。因此搜索Js和jQuery方法。最终找到一个最靠谱的，根据自己的情况改装之后如下：

这里要注意

1）如果单纯用

RegExp("{{ keywords }}","gmi")

作为正则去匹配的话，会出现匹配出许多不是你要的内容，比如搜索关键字为ta,那么会匹配出html代码中的

<table>,标红后变成<t<font color ="red" ab</font>le>, 使得整个页面乱码。因此这里得使用一些技巧，即在前后加上子规则用来限制想要的内容。这里每个小括号表示一个子表达式，左边的表达式的意思就是匹配最近一个以<标签，并且下一个规则可以匹配到keywords的。这种情况就限定了每个keywords周围不再有标签保留词被匹配。

2）这里还要理解一下这个$1,$2

RegExp.$1...$9属性用于返回正则表达式模式中某个子表达式匹配的文本。

正则表达式中每个小括号内的部分表达式就是一个子表达式。