js进阶正则表达式6转义字符(加转义)(.符号)(|符号)
一、总结
转义字符:{} () / $ # & * . ....... //3、特殊字符,都要加转义
点符号:var reg2=/img.jpg/g //转义字符 //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 //转义字符 //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>