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 随机查询数据
暂无评论信息
- 相关文章
- 文章推荐
-
亚马逊推出“无需收银员”的新技术,以此帮助品牌和广告商提高销量
北京时间 6 月 30 日早间消息,据报道,亚马逊发明了一种无需收银员的技术,可以加快人们去杂货店或便利店的速度。现在,该公司希望利用这个跟踪系统来帮助品牌和广告商提高销量。&
-
乐视官方确认还有 400 多人:消息称员工“没有内卷和 996”,过着“没有老板”的神仙日子
7 月 11 日消息,近期,微博博主 @Fenng 分享了一个冷知识:乐视居然还剩下 400 多人,有不少是五年以上的老员工。这些老员工称“幸福感是很多老乐视人留下来的理由”,没有内卷和 996,没拖欠过留下来的员工的工资,也没停过社保。
-
Node 配置sequelize + mysql,根据模型自动创建数据库表
研究了一下午的node + sequelize + mysql。
-
jQuery 3.0正式发布
jQuery 基金会刚刚发布了该 Java 框架的 3.0 版本,并且首次抛弃了对老旧的 IE 浏览器的支持。jQuery 3.0 的工作始于 2014 年 10 月,其最初目标是在 2.0 版本之上进行完善,并和遥远的 1.0 版代码说再见——因为要兼容 IE 的缘故,其已经臃肿不堪。jQuery 2.0 已经与 1.0 版本完全不兼容,而 3.0 也将继续这一路线。
- 点击排行
- 站长推荐
- 猜你喜欢
- 图片转换canvas压缩上传,减少服务器存储压力
- NFT 销售额降至 12 个月新低,6 月约 10 亿美元
- 安装yum和securert工具
- 国产主流手机已切换 USB Type-C 接口,我国或率先统一快充技术标准
- vue封装通用的axios请求
- 文章评论列表、楼主回复页面、热门消息页面的后端开发思路解析。
- mediaDevices.getUserMedia提示DOMException:Permission denied by
- “美版公众号”Substack 裁员 14%,CEO 曾表示将扩大团队
- 英国军方 Twitter 和 YouTube 账号被黑:为 NFT 做起广告,现已恢复
- Vue自定义弹窗组件
- 网站信息
- 站内问答:12篇
- 站内文章:213篇
- 建站时间:已运行1267天
- 备案号: 浙ICP备2022018799号
- 语言:
- English(USA)
- French(FR)
- Chinese(ZH)
无数据