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

一、总结

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

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

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

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

 <!DOCTYPE html>

 <html lang="zh-cn">

 <head>

   <meta charset="utf-8">

   <title>课堂演示</title>

   <style type="text/css">

   li{

       font-size: 20px;

       width: 500px;

       background: rgba(0,180,80,0.3);

       padding: 10px;

       margin: 10px;

     }

   </style>

 </head>

 <body>

   <script type="text/javascript">

     var str1="我喜欢的课程有javascript,php,java";

     var str2="tp.png img/jpg + img&jpg  img img.jpg tp img+jpg aa.jpg bb";

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

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

     //如果没有设置全局匹配找到一个就会终止查找

     var reg22=/img\/jpg/g

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

     document.write('<ol>')

      document.write('<li>'+str1)

      document.write('<li>'+str1.match(reg1))

      document.write('<li>'+str2.match(reg2))

      document.write('<li>'+str2.match(reg22))

     document.write('</ol>')

   </script>

 </body>

 </html>

js进阶正则表达式6转义字符（加\转义）（.符号）（|符号）的更多相关文章

  1. js进阶正则表达式15验证身份证号（|符号的使用：var reg=/^\d{17}[\d|X]$|^\d{15}$/）（str的方法substr）

    js进阶正则表达式15验证身份证号(|符号的使用:var reg=/^\d{17}[\d|X]$|^\d{15}$/)(str的方法substr) 一.总结 1.|符号的使用:var reg=/^\d ...

  2. js进阶正则表达式14验证邮编（input的pattern属性）（正则表达式加起^始$）

    js进阶正则表达式14验证邮编(input的pattern属性)(正则表达式加起^始$) 一.总结 1.input的pattern属性:里面可以直接放正则表达式,<input type=&quo ...

  3. js进阶正则表达式5几个小实例（原样匹配的字符在正则中原样输出）（取反^）

    js进阶正则表达式5几个小实例(原样匹配的字符在正则中原样输出)(取反^) 一.总结 原样匹配的字符在正则中原样输出:var reg4=/第[1-2][0-9]章/g //10-29 取反^:var ...

  4. js进阶正则表达式方括号（方括号作用）（js正则是在双正斜杠之中：/[a-z]/g）

    js进阶正则表达式方括号(方括号作用)(js正则是在双正斜杠之中:/[a-z]/g) 一.总结 方括号:范围 圆括号:选 大括号:数量 1.js正则是在双正斜杠之中: var reg2=/[a-z]/ ...

  5. js进阶正则表达式修饰符（i、g、m）（var reg2=/html/gi）

    js进阶正则表达式修饰符(i.g.m)(var reg2=/html/gi) 一.总结 1.正则表达式使用:通过那些支持正则表达式的字符串函数来使用(search.match.replace.spli ...

  6. js进阶正则表达式实现过滤字符串（RegExp对象操作正则表达式）（正则：regular）（表达式：expression）

    js进阶正则表达式实现过滤字符串(RegExp对象操作正则表达式)(正则:regular)(表达式:expression) 一.总结 1.str_replace:正则作用:高效快速匹配 2.break ...

  7. js进阶正则表达式13RegExp对象方法（RegExp对象的方法：compile，test，exec）（子表达式 var reg1=/([a-z]+)\d/）

    js进阶正则表达式13RegExp对象方法(RegExp对象的方法:compile,test,exec)(子表达式 var reg1=/([a-z]+)\d/) 一.总结 1.RegExp对象有三个方 ...

  8. js进阶正则表达式11RegExp的属性和方法（RegExp的属性和方法，就是RegExp对象.(点)什么的形式）（正则表达式执行之前会被编译）

    js进阶正则表达式11RegExp的属性和方法(RegExp的属性和方法,就是RegExp对象.(点)什么的形式)(正则表达式执行之前会被编译) 一.总结 1. RegExp的属性和方法,就是RegE ...

  9. js进阶正则表达式10-分组-多行匹配-正则对象的属性（小括号作用：分组，将小括号里面的东西看成一个整体，因为量词只对前一个字符有效）（多行匹配：m）（属性使用：reg.global）

    js进阶正则表达式10-分组-多行匹配-正则对象的属性(小括号作用:分组,将小括号里面的东西看成一个整体,因为量词只对前一个字符有效)(多行匹配:m)(属性使用:reg.global) 一.总结 1. ...

随机推荐

  1. mahout-distribution-0.9.tar.gz的安装的与配置、启动与运行自带的mahout算法

    不多说,直接上干货! 首先,别在windows下搭建什么,安装什么Cygwin啊!直接在linux,对于企业里推荐用CentOS6.5,在学校里用Ubuntu. Mahout安装所需软件清单: 软件 ...

  2. 解决vmware 和hyper-v不能共存的问题

    只需在 Windows 中以管理员身份运行命令提示符 cmd 1.运行 bcdedit /copy {current} /d "Windows 8 (关闭 Hyper-V)"命令, ...

  3. linux网络防火墙-iptables基础详解

    一:前言 防火墙,其实说白了讲,就是用于实现Linux下访问控制的功能的,它分为硬件的或者软件的防火墙两种.无论是在哪个网络中,防火墙工作的地方一定是在网络的边缘.而我们的任务就是需要去定义到底防火墙 ...

  4. 八、Docker+RabbitMQ

    原文:八.Docker+RabbitMQ 一.下载镜像 docker pull rabbitmq:management 二.运行 docker run -d --name rabbitmq -e TZ ...

  5. WPF 入门《布局面板》

    常见的几个布局面板 1.StackPanel面板 StackPanel面板能够简单根据单行或者单列进行元素排列, StackPanel 默认的布局方向为垂直方向(Vertical), 由Orienta ...

  6. ImportError: No module named tornado.ioloop 记录过程

    ImportError: No module named tornado.ioloop 记录过程 安装 pycurl    pip install pycurl 报错 'curl-config' no ...

  7. 12.模板别名以及auto定义返回值

    #include <iostream> #include <array> using namespace std; //定义返回值类型 template<class T1 ...

  8. android问题及其解决-优化listView卡顿和怎样禁用ListView的fling

    问题解决-优化listView卡顿和怎样禁用ListView的fling 前戏非常长,转载请保留出处:http://blog.csdn.net/u012123160/article/details/4 ...

  9. Windows 7 下快速挂载和分离VHD文件的小脚本

    1.保存以下代码为VDM.vbs,放在Windows\system32下 Dim ArgsSet Args = WScript.ArgumentsTranArgs = " "For ...

  10. [Angular2 Animation] Basic animation

    @Component({ selector: 'app-courses', templateUrl: './courses.component.html', styleUrls: ['./course ...