微信扫一扫打赏支持

js进阶正则表达式6转义字符（加\转义）（.符号）（|符号）

js进阶正则表达式6转义字符（加\转义）（.符号）（|符号）

一、总结

转义字符：{} () / $ # & * . ....... //3、特殊字符，都要加转义\

点符号：var reg2=/img\.jpg/g //转义字符 \n //2、.啊+号a是特殊字符，原意匹配要加\转义

|符号：var reg1=/javascript|php|java/g //1、|表或者

 

二、js进阶正则表达式6转义字符

 1 <!DOCTYPE html>
 2 <html lang="zh-cn">
 3 <head>
 4   <meta charset="utf-8">
 5   <title>课堂演示</title>
 6   <style type="text/css">
 7   li{
 8       font-size: 20px;
 9       width: 500px;
10       background: rgba(0,180,80,0.3);
11       padding: 10px;
12       margin: 10px;
13     }
14   </style>
15 </head>
16 <body>
17   <script type="text/javascript">
18     var str1="我喜欢的课程有javascript,php,java";
19     var str2="tp.png img/jpg + img&jpg  img img.jpg tp img+jpg aa.jpg bb";
20     var reg1=/javascript|php|java/g  //1、|表或者
21     var reg2=/img\.jpg/g  //转义字符 \n   //2、.啊+号a是特殊字符，原意匹配要加\转义
22     //如果没有设置全局匹配找到一个就会终止查找
23     var reg22=/img\/jpg/g 
24     //{} () / $ # & * . .......   //3、特殊字符，都要加转义\
25     document.write('<ol>')
26      document.write('<li>'+str1)
27      document.write('<li>'+str1.match(reg1))
28      document.write('<li>'+str2.match(reg2))
29      document.write('<li>'+str2.match(reg22))
30     document.write('</ol>')
31 
32   </script>
33 </body>
34 </html>

 

posted @ 2018-05-24 20:52  范仁义  阅读(14346)  评论(0)  编辑  收藏  举报