• 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--------------

  • 相关阅读:
    【Linux】linux系统管理---好用的一些开源工具
    【转载】超级系统工具Sysdig,比 strace、tcpdump、lsof 加起来还强大
    Redis 主从复制
    Redis 持久化之RDB和AOF
    Redis 快速入门
    EasyUI 树菜单
    Nginx 搭建图片服务器
    vsftpd 安装
    Nginx 安装部署
    Mybatis3 快速入门
  • 原文地址:https://www.cnblogs.com/Jacked-Wang/p/9935508.html
Copyright © 2020-2023  润新知