介绍 var str =,“asad sad 123年,sd qwe21";
str.replace (\ d +/img,“数字“);//这里正确的匹配到了数字,且替换成了中文的数字
console.log (str);//癮sad sad 数字,sd qwe数字“;
------------------------------------------------------//看一下如何使用1美元,表示被捕获的字符串
var str =,“asad sad 123年,sd qwe21";
str.replace (\ d +/img,“数字1美元数字“);
console.log (str);//癮sad sad 数字1美元数字,sd qwe数字1美元数字“;//很显然并没有成功,1美元,还是1美元,那么如何正确使用呢?
------------------------------------------------------
var str =,“asad sad 123年,sd qwe21";
str.replace (/(\ d +)/img,“数字1美元数字“);//这里就正确的匹配了数字并且用1美元,表示原字符串并替换
console.log (str);///癮sad sad 数字123数字,sd qwe数字21数字“;/*
()在正则里面表示捕获性元组,可以用1美元,特殊字符来表示被替换的内容,可以有多个()元组,也就是可以有多个$ 1,$ 2,*/ & lt; ! DOCTYPE html>
& lt; html lang=癳n"祝辞
& lt; head>
& lt;/head>
& lt; body>
,& lt; style>
,b {
,颜色:红色;
,}
,& lt;/style>
& lt; div id=皃oetry"祝辞
春江花月夜& lt; br>
张若虚& lt; br>
春江潮水连海平,海上明月共潮生只& lt; br>
滟滟随波千万里,何处春江无月明!,& lt; br>
江流宛转绕芳甸,月照花林皆似霰;,& lt; br>
空里流霜不觉飞,汀上白沙看不见只& lt; br>
江天一色无纤尘,皎皎空中孤月轮只& lt; br>
江畔何人初见月?江月何年初照人?,& lt; br>
人生代代无穷已,江月年年只相似只& lt; br>
& lt;/div>
& lt; input type =皌ext", id=癷nput",/比;
& lt;/body>
& lt;/html>
& lt; script>//input 输入要查找的字符串
时间=input.onchange 函数(){
,//获取要查找的字符串
,var searchVal =, input.value;
,//获取要查找的内容
,var text =, poetry.innerHTML;
,//将之前的查找高亮的字符串,取消高亮=,,text text.replace (/& lt; b[^祝辞]*祝辞([^的在]*)& lt; \/b[^祝辞]*祝辞/搞笑,“1美元“);=,poetry.innerHTML 文本;
,//初始化正则表达式,加上括号(),形成可捕获元组.ig表示全局匹配和不区分大小写
,var reg =, new 正则表达式(“(“+ searchVal +“)”,“ig");
,//高亮要查找的字符串=,,text text.replace (reg,“& lt; b> 1 & lt;美元/b>“);=,poetry.innerHTML 文本;
}
& lt;/script>
小编给大家分享一下JavaScript正则方法取代如何实现搜索关键字高亮显示,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!
<强>前言
正则表达式是字符串处理工具中强有力的工具。也有人认为这只是一个小玩具,但不管怎么说都离不开它。
这里介绍的是JavaScript的正则表达式的替代方法,和实现搜索关键字高亮的功能。
先介绍一下正则表达式的替代方法
<强>替换介绍
w3school原文链接介绍
正则表达式如何使用特殊字符$来表示原来的文本,这是实现搜索高亮的关键,
开始小试身手
以上是“JavaScript正则方法取代如何实现搜索关键字高亮显示”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!
