JavaScript 正则表达式

正则表达式:

  介绍:全称Regular Expressions,正则表达式是一个实现具有特性的文本搜索模式。这些

模式与RegExp的exec和test方法以及字符串的match、replace、search和split方法

起使用。

  语法:

    壳:正则表达式的内容写在“//”两根正斜杠中,“^”符号为开始,“$”符号为结束。在第二

  根“/”正斜杠后可以加上搜索模式。

    搜索模式:分为三种:

      ①g:globl意为全局,全局搜索;

      ②i: ignore case意为忽略大小写;

      ③m: multiple lines多行搜索。这三种搜索可以联合使用。

    原义字符:顾名思义,在壳里的字符,其意思和本意相同。

    特殊字符:\n,匹配一个换行字符。\f,匹配一个换页字符。\s,匹配一个空格。

         \S,匹配一个非空格的其他任意特俗字符。\r,匹配一个回车符。特

         殊字符还有很多,详细了解请参考专业资料。

    字符组:字符组搜索符号为:“[xxx]”。对[xxx]符号中的字符进行搜索,他们是或

        者关系。例如[abcd],即搜索目标中有a、b、c、d其中一个字母都行。也

        可以范围搜索,符号:“-”。例如[a-z],即搜索a-z之间的所有小写字母,

        有一个匹配即可。

    循环符号:如果需要对一个组进行多次搜索,就需要用循环符号。例如:对[a-z]

         搜索100次,正则表达式为:/^[a-z]{100}$/g。

  例子:下面举两个简单的例子演示正则表达式与search()、replace()方法结合。

Search():

用search()方法查找a所在的位置,返回它的第一个字母所在位置。

 

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Regular Expression</title>
  </head>
  <body>
    <p id="demo">How are you?<p>
    <p id="two"></p>
    <button type="button" onclick="one()">Click!</button>
    <script>
      function one()
      {
      var str=document.getElementById('demo').innerHTML;
      var n=str.search("a");
      document.getElementById("two").innerHTML=n;
    }
    </script>
  </body>
</html>

 

结果为:

--------------Click---------------

Replace():

替换掉id为demo的p元素的文本。

 

<!Doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Regular expressions</title>
</head>
<body>
<button onclick="myFunction()">Change</button>
<p id="demo">How Are you?</p>
<script>
function myFunction(){
var str=document.getElementById("demo").innerHTML;
var txt=str.replace(/are/i,"about");
document.getElementById("demo").innerHTML=txt;
}
</script>
</body>
</html>

 

--------------Change--------------

posted @ 2018-11-09 15:43  NZVN  阅读(140)  评论(0编辑  收藏  举报