zoukankan      html  css  js  c++  java
  • JavaScript 正则表达式

    正则表达式:

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

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

    起使用。

      语法:

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

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

        搜索模式:分为三种:

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

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

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

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

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

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

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

        字符组:字符组搜索符号为:“[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--------------

  • 相关阅读:
    Python 小试牛刀
    Python 流程控制
    Python
    CMDB
    CMDB
    CMDB
    C#学习日志 day 2 plus ------ hyper-V 开启方法
    C#学习日志 day 2 ------ 控制台颜色以及windowsphone 窗体应用试建
    C#学习日志 day 1 ------ hello C# !
    wamp出现You don’t have permission to access/on this server提示(转)
  • 原文地址:https://www.cnblogs.com/Jacked-Wang/p/9935508.html
Copyright © 2011-2022 走看看