<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    隨筆 - 14, 文章 - 39, 評論 - 17, 引用 - 0
    數據加載中……

    測試正則表達式的工具(來自網上,稍作修改)

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

    <HTML>

    <HEAD>

    <TITLE>測試正則表達式的網頁</TITLE>

    <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=GB2312">
    <link rel="stylesheet" type="text/css" href="css/css.css">

    <SCRIPT>

    /**

    * Method 測試正則表達式函數

    * @param method 接收到的正則表達式類的方法

    */

    function check(method)

    {

    // 將用戶輸入的正則表達式的標志轉換為小寫

    form1.flags.value = form1.flags.value.toLowerCase();

    ?

    // 如果含有不是g、i、m的字符, 則 提示并返回

    if ( form1.flags.value.search(/[^g|i|m]/g) != -1 )

    {

    alert("flags only can be g, i, m");

    return;

    }

    ?

    // 利用用戶輸入的字符串和標志建立正則表達式

    var re = new RegExp(form1.regex.value, form1.flags.value);

    ?

    // 獲得并顯示生成的正則表達式的字符串形式

    destRegex.innerText = re.toString() + ' ';

    ?

    // 定義 返回值

    var cr;

    ?

    ex = "new RegExp('" + form1.regex.value + "', '" + form1.flags.value + "').";

    ?

    // 根據用戶選擇的方法, 進行相應的調用

    switch ( method )

    {

    case '0': // 正則表達式的 exec 方法

    cr = re.exec(form1.string.value);

    ex = ex + "exec('" + form1.string.value + "')";

    break;

    ?

    case '1': // 正則表達式的 test 方法

    cr = re.test(form1.string.value);

    ex = ex + "test('" + form1.string.value + "')";

    break;

    ?

    case '2': // 字符串類的 match 方法

    cr = form1.string.value.match(re);

    ex = "'" + form1.string.value + "'.match(" + re.toString() + ")";

    break;

    ?

    case '3': // 字符串類的 search 方法

    cr = form1.string.value.search(re);

    ex = "'" + form1.string.value + "'.search(" + re.toString() + ")";

    break;

    ?

    case '4': // 字符串類的 replace 方法

    cr = form1.string.value.replace(re);

    ex = "'" + form1.string.value + "'.replace(" + re.toString() + ")";

    break;

    ?

    case '5': // 字符串類的 split 方法

    cr = form1.string.value.split(re);

    ex = "'" + form1.string.value + "'.split(" + re.toString() + ")";

    break;

    }

    ?

    // 獲得并顯示表達式

    expression.innerText = ex;

    ?

    // 獲得并顯示計算結果的類型

    returnType.innerText = typeof(cr);

    ?

    // 定義結果

    var result = '';

    ?

    if ( cr != null && typeof(cr) == 'object' && cr.length != null ) // 如果計算結果是一個數組, 則取出所有數組的值

    {

    for ( i = 0; i < cr.length; i++ )

    {

    result += "array[" + i + "] = '" + cr[i] + "'\n";

    }

    }

    else

    if ( cr != null ) // 如果計算結果不為null, 則取出計算結果的值

    {

    result = cr;

    }

    ?

    // 獲得并顯示結果

    matchResult.innerText = result + ' ';

    ?

    // 獲得并顯示正則表達式的lastIndex屬性

    lastIndex.innerText = re.lastIndex + ' ';

    }

    </SCRIPT>

    </HEAD>

    ?

    <BODY ALIGN=CENTER>

    <h3>測試正則表達式</h3>

    <FORM NAME="form1" METHOD="post" ACTION="" ALIGN=CENTER>

    <TABLE BORDER="1" width="772" align="center">

    <TR>

    <TD COLSPAN="2" ALIGN="CENTER" width="762"><B>測試正則表達式</B></TD>

    </TR>

    <TR>

    <TD width="147">正則表達式字符串:</TD>

    <TD width="609"><INPUT NAME="regex" TYPE="text" size="75"></TD>

    </TR>

    <TR>

    <TD width="147">正則表達式參數:</TD>

    <TD width="609"><INPUT NAME="flags" TYPE="text" ID="flags" size="20" value="g"></TD>

    </TR>

    <TR>

    <TD width="147">測試用的字符串:</TD>

    <TD width="609"><INPUT NAME="string" TYPE="text" size="75"></TD>

    </TR>

    <TR>

    <TD width="147">選擇測試方法:</TD>

    <TD ALIGN="CENTER" width="609">

    <SELECT NAME="select" onChange="check(this.value)">

    <OPTION VALUE="0">exec</OPTION>

    <OPTION VALUE="1">test</OPTION>

    <OPTION VALUE="2">match</OPTION>

    <OPTION VALUE="3">search</OPTION>

    <OPTION VALUE="4">replace</OPTION>

    <OPTION VALUE="5">split</OPTION>

    </SELECT>

    <INPUT VALUE='祝你好運' onclick="check(form1.select.value)" TYPE=button>

    </TD>

    </TR>

    <TR>

    <TD width="147">生成的表達式:</TD>

    <TD STYLE="color: blue" ID=destRegex width="609">&nbsp;</TD>

    </TR>

    <TR>

    <TD width="147">生成的JS表達式:</TD>?

    <TD STYLE="color: blue" ID=expression width="609">&nbsp;</TD>

    <TR>

    <TD width="147">返回類型:</TD>?

    <TD STYLE="color: darkred" ID=returnType width="609">&nbsp;</TD>

    </TR>

    <TR>

    <TD width="147">結果:</TD>

    <TD STYLE="color: red" ID=matchResult width="609">&nbsp;</TD>

    </TR>

    <TR>

    <TD width="147">regex lastIndex:</TD>?

    <TD STYLE="color: red" ID=lastIndex width="609">&nbsp;</TD>

    </TR>

    </TABLE>

    </FORM>

    </BODY>

    </HTML>



    posted on 2006-12-08 15:31 mlw2000 閱讀(299) 評論(0)  編輯  收藏 所屬分類: JavaScript

    主站蜘蛛池模板: 四虎亚洲国产成人久久精品| 女人18毛片免费观看| 国产亚洲一区二区三区在线不卡 | 亚洲日本VA中文字幕久久道具| 亚洲精品免费在线视频| 噜噜噜亚洲色成人网站∨| 131美女爱做免费毛片| 亚洲精彩视频在线观看| 青娱分类视频精品免费2| 亚洲精品无码成人片久久不卡| 好吊妞998视频免费观看在线| 久久精品国产亚洲av天美18| 国产v片免费播放| 亚洲黄片手机免费观看| 亚洲国产精品成人精品无码区| 99在线免费观看视频| 亚洲性色成人av天堂| 成年人免费网站在线观看| 亚洲AV日韩AV无码污污网站| 免费A级毛片无码久久版| 国产精品美女久久久免费| 亚洲成AV人在线播放无码| 99免费在线观看视频| 精品国产日韩久久亚洲| 免费v片在线观看| 久久国产精品国产自线拍免费| 亚洲精品在线免费观看视频| 在线视频免费观看www动漫| 免费人成网上在线观看| 亚洲日本精品一区二区| 成人免费淫片在线费观看| 国产免费一区二区三区免费视频| 亚洲情a成黄在线观看动漫尤物| 久久久久久99av无码免费网站| 男女超爽视频免费播放| 久久久久亚洲AV片无码| 日韩免费在线观看| 免费h视频在线观看| 亚洲国产欧美日韩精品一区二区三区| 亚洲综合激情另类专区| 国产桃色在线成免费视频 |