js正则表达式-根据⾸尾字符串做匹配替换
1.前⾔.
js正则表达式博⼤精深，只能⼀步⼀步去探索。其中字符串匹配替换是经常需要⽤到的。下⾯举个例⼦。
2.例⼦。
实现⾸尾字符串变⾊。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>MyHtml.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
</head>
<body>
<script type="text/javascript">
//需要匹配的字符串
var content="few相，相fje相fjeiwow息iwow息息.fewwfew相，相fje相fjeiwow息iwow息息.fewwfew相，相fje相fjeiwow息iwow息息.fewwfew相，相fje相fjeiwow息iwow息息    /*
* ⽅法⽤途 ：匹配的⽅法，实现将所有满⾜条件的，⾸尾相间两个字符串v1和v2变红⾊，中间的串不变，并将改变的字符串嵌⼊div⾥⾯
*    例⼦ ：如"kk相bb息"，被替换后变为"kk相bb息","相"和"息"都变成红⾊
*      v1：要匹配的开始的字符串
*      v2：要匹配的结束的字符串
**/
function gl(v1,v2){
ElementById("test").value;
ElementById("test1").value;
ElementById("test2").value;
//将两个字符串的正则表达式进⾏组装，三个括号代表三个需要匹配的地⽅
var strk="(\s*)"+"(\\"+v1+"+)"+"*(\\"+v2+"+)\*";
//进⾏全局多次匹配
var reg=new RegExp(strk,"gmi");
//分别将匹配的第⼆个和第三个参数变红⾊
var place(reg,"$1<font color=\"red\">$2</font><font color=\"red\">$3</font>");
//将结果嵌⼊div，以便让我们看到
}
</script>
请输⼊：要过滤的字符串:  <input id="test" value="few相，相fje相fjeiwow息iwo" size="300" /><br/>
请输⼊⾸字符串:<input id="test1" value="相" size="300" /><br/>
请输⼊尾字符串: <input id="test2" value="息" size="300" /><br/>
<button id="testB" onclick="gl('相','息')">过滤</button><br/>
<div id="test3">feww</div><br/>
</body>
</html>
实现根据数组进⾏过滤:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>MyHtml.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
regex匹配
</head>
<body>
<script type="text/javascript">
//需要匹配的字符串
var content="few相，相fje相fjeiwow息iwow息息.fewwfew相，相fje相fjeiwow息iwow息息.fewwfew相，相fje相fjeiwow息iwow息息.fewwfew相，相fje相fjeiwow息iwow息息
var array=['电影','B样','发票','炒蛋'];
function guolv(){
var ElementById("test").value;
for(var i=0;i<4;i++){
var keyword=array[i];
var strk="("+keyword+"+)";
var reg=new RegExp(strk,"gmi");
var place(reg,"<font color=\"red\">$1</font>");
content=result;
}
//将结果嵌⼊div，以便让我们看到
}
</script>
请输⼊：要过滤的字符串:  <input id="test" value="'电影','B样#$%&fwefew电影电影wfe,'发票','炒蛋'" size="300" /><br/>
<br/>
(1)过滤简单的<br/>
<button id="testB" onclick="guolv()">过滤</button><br/>
<div id="test3">feww</div><br/>
<br/>
</body>
</html>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。