zoukankan      html  css  js  c++  java
  • javascript正则表达式——元字符

    元字符(Metacharacter)是拥有特殊含义的字符:

             元字符        描述                 

    (1)   .              查找单个字符,除了换行和行结束符。

    例子:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>点</title>
    </head>
    <body>
        <script type="text/javascript">
            str='index and php 2 and Php and pHp 3 and indox and 20 indax and indBx andpcp and pp and p p and p-p and p_p and p
    p and p9p';
            arr = str.match(/p.p/ig)//查找单个字符,除了换行和行结束符。
            alert(arr);
        </script>
    </body>
    </html>

    效果如图:

    (2)w          查找单词字符。(查找字母、数字、下划线,注意不包括“-”中间横线,如下例子)

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>反斜线小写w查找单词字符</title>
    </head>
    <body>
        <script type="text/javascript">
            str='index and php 2 and Php and pHp 3 and indox and 20 indax and indBx andpcp and pp and p p and p-p and p_p and p
    p and p9p';
            arr = str.match(/pwp/ig)//反斜线小写w查找单词字符
            alert(arr);
        </script>
    </body>
    </html>

    效果图:

    (3) W      查找非单词字符。

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>反斜线大写W查找非单词字符</title>
    </head>
    <body>
        <script type="text/javascript">
            str='index and php 2 and Php and pHp 3 and indox and 20 indax and indBx andpcp and pp and p p and p-p and p_p and p
    p and p9p';
            arr = str.match(/pWp/ig)//反斜线大写W查找非单词字符
            alert(arr);
        </script>
    </body>
    </html>

    效果图:

    (4)d    查找数字。

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>反斜线小写d</title>
    </head>
    <body>
        <script type="text/javascript">
            str='index and php 2 and Php and pHp 3 and indox and 20 indax and indBx andpcp and pp and p p and p-p and p_p and p
    p and p9p';
            arr = str.match(/pdp/ig)//查找数字。
            alert(arr);
        </script>
    </body>
    </html>

    (5)D     查找非数字字符。

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>反斜线大写D</title>
    </head>
    <body>
        <script type="text/javascript">
            str='index and php 2 and Php and pHp 3 and indox and 20 indax and indBx andpcp and pp and p p and p-p and p_p and p
    p and p9p';
            arr = str.match(/pDp/ig)//查找非数字。
            alert(arr);
        </script>
    </body>
    </html>

     

    (6)s    查找空白字符。

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>反斜线小写s,查找空白字符。</title>
    </head>
    <body>
        <script type="text/javascript">
            str='index and php 2 and Php and pHp 3 and indox and 20 indax and indBx andpcp and pp and p p and p-p and p_p and p
    p and p9p';
            arr = str.match(/psp/ig)//反斜线小写s,查找空白字符。
            alert(arr);
        </script>
    </body>
    </html>

     (7)S     查找非空白字符。

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>反斜线大写S,查找非空白字符。</title>
    </head>
    <body>
        <script type="text/javascript">
            str='index and php 2 and Php and pHp 3 and indox and 20 indax and indBx andpcp and pp and p p and p-p and p_p and p
    p and p9p';
            arr = str.match(/pSp/ig)//反斜线大写S,查找非空白字符。
            alert(arr);
        </script>
    </body>
    </html>

    (8)     匹配单词边界。

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>反斜线小写b,匹配单词边界。</title>
    </head>
    <body>
        <script type="text/javascript">
            str='index and php 2 and Php and pHp 3 and indox and 20 indax and indBx andpcp and pp and p p and p-p and p_p and p
    p and p9p';
            arr = str.match(/p.p/ig)//反斜线小写b,匹配单词边界。
            alert(arr);
        </script>
    </body>
    </html>

    (9)B    匹配非单词边界。

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>反斜线大写B,匹配非单词边界。</title>
    </head>
    <body>
        <script type="text/javascript">
            str='index and php 2 and Php and pHp 3 and indox and 20 indax and indBx andpcp and pp and p p and p-p and p_p and p
    p and p9p';
            arr = str.match(/Bp.p/ig)//反斜线大写B,匹配非单词边界。
            alert(arr);
        </script>
    </body>
    </html>

  • 相关阅读:
    CSS自定义滚动条样式
    利用jquery和css打造个性化的单选框和复选框
    jQuery cookie 购物车及其实现
    php遍历数组 list foreach each方法总结
    css秘籍:复选框与文字对齐的问题
    Spring项目中的classpath路径
    idea快捷键盘Ctrl+H查看类的结构
    java中的反射机制(一)
    观察者设计模式
    Application context not configured for this file
  • 原文地址:https://www.cnblogs.com/huanghuali/p/7654504.html
Copyright © 2011-2022 走看看