javascript 搜索关键字高亮并不区分大小写
分类专栏: Javascript&
简介 搜索关键字的时候 ,高亮关键字,并不区分字母大小写
<h2><span class="ql-size-large"> </span><span style="color:rgb(86, 156, 214);" class="ql-size-large">function</span><span class="ql-size-large"> </span><span style="color:rgb(220, 220, 170);" class="ql-size-large">heightLight </span><span class="ql-size-large">(</span><span style="color:rgb(156, 220, 254);" class="ql-size-large">val</span><span class="ql-size-large">) {</span></h2><h2><span class="ql-size-large"> </span><span style="color:rgb(86, 156, 214);" class="ql-size-large">const</span><span class="ql-size-large"> </span><span style="color:rgb(79, 193, 255);" class="ql-size-large">reg</span><span class="ql-size-large"> = </span><span style="color:rgb(86, 156, 214);" class="ql-size-large">new</span><span class="ql-size-large"> </span><span style="color:rgb(78, 201, 176);" class="ql-size-large">RegExp</span><span class="ql-size-large">(</span><span style="color:rgb(86, 156, 214);" class="ql-size-large">this</span><span class="ql-size-large">.</span><span style="color:rgb(156, 220, 254);" class="ql-size-large">searchVal</span><span class="ql-size-large">, </span><span style="color:rgb(206, 145, 120);" class="ql-size-large">'gi'</span><span class="ql-size-large">)</span></h2><h2><span class="ql-size-large"> </span><span style="color:rgb(156, 220, 254);" class="ql-size-large">val</span><span class="ql-size-large"> = </span><span style="color:rgb(156, 220, 254);" class="ql-size-large">val</span><span class="ql-size-large">.</span><span style="color:rgb(220, 220, 170);" class="ql-size-large">replace</span><span class="ql-size-large">(</span><span style="color:rgb(79, 193, 255);" class="ql-size-large">reg</span><span class="ql-size-large">, </span><span style="color:rgb(86, 156, 214);" class="ql-size-large">function</span><span class="ql-size-large"> (</span><span style="color:rgb(156, 220, 254);" class="ql-size-large">txt</span><span class="ql-size-large">) {</span></h2><h2><span class="ql-size-large"> </span><span style="color:rgb(197, 134, 192);" class="ql-size-large">return</span><span class="ql-size-large"> </span><span style="color:rgb(206, 145, 120);" class="ql-size-large">'<span class="theme">'</span><span class="ql-size-large"> + </span><span style="color:rgb(156, 220, 254);" class="ql-size-large">txt</span><span class="ql-size-large"> + </span><span style="color:rgb(206, 145, 120);" class="ql-size-large">'</span>'</span></h2><h2><span class="ql-size-large"> })</span></h2><h2><span class="ql-size-large"> </span><span style="color:rgb(197, 134, 192);" class="ql-size-large">return</span><span class="ql-size-large"> </span><span style="color:rgb(156, 220, 254);" class="ql-size-large">val</span></h2><h2><span class="ql-size-large"> }</span></h2>
分享到:
转载:
喜欢 2
收藏
上一篇:
mysql 随机查询数据
暂无评论信息
- 相关文章
- 文章推荐
-
群辉nas docker容器 配置svn仓库,并实现外网访问
2022-08-11的这一天, 群辉nas到手了, 实现svn仓库外网的访问,折腾了好久。记录一下。
-
docker搭建jenkins环境执行宿主机的docker无权限的解决方法
初次搭建jenkins持续集成工具的时候,在运行项目阶段出现 permission denied的情况
-
git:如何管理本机的多个ssh密钥(多个远程仓库账号)
如果我们电脑上已经存在了一个ssh key,那么我们需要在我们电脑上生成第二个你想在本电脑上使用的id_rsa,使用命令:ssh-keygen -t rsa -C "你的github账号"。
-
亚马逊推出“无需收银员”的新技术,以此帮助品牌和广告商提高销量
北京时间 6 月 30 日早间消息,据报道,亚马逊发明了一种无需收银员的技术,可以加快人们去杂货店或便利店的速度。现在,该公司希望利用这个跟踪系统来帮助品牌和广告商提高销量。&
- 点击排行
- 站长推荐
- 猜你喜欢
- 网站信息
- 站内问答:12篇
- 站内文章:207篇
- 建站时间:已运行917天
- 备案号: 浙ICP备2022018799号
- 语言:
English(USA)
French(FR)
Chinese(ZH)
无数据