1. AI新视界首页
  2. AI经验分享
  3. 编程语言

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

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

在做数据库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属性用于返回正则表达式模式中某个子表达式匹配的文本。

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

 

原创文章,作者:ifyoung,如若转载,请注明出处:https://www.drugfoodai.com/javascript-mark-keywords.html

发表评论

邮箱地址不会被公开。 必填项已用*标注