DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 使用js的replace()方法查找字符示例代碼
使用js的replace()方法查找字符示例代碼
編輯:關於JavaScript     
通常用於文本輸入框的一種功能是替換指定的字符。JavaScript具有一個非常有用的方法replace(),可以用它利用備選字符集途歡指定的字符。

replace()方法允許指定希望替換的字符或字符集,方式是利用字符串或者正則表達式;這是該方法的第一個實參。第二個實參是謝昂替換為的字符。第二個實參通常只是一個替換字符串(替換字符集),但他可以是用於確定替換字符串應當是什麼的函數——如果是函數,則返回值應當用做俄日替換字符串。隱藏replace()方法的語法可以是如下任意一種:
復制代碼 代碼如下:
string.replace(oldSubString,newSubString);
string.replace(regEx,newSubString);
string.replace(regEx,finction());

下面的簡單示例對一個文本區域使用replace()方法,並且查找文本框中是否有字符串“URL”。找到字符串“URL”之後,該方法將其替換為字符串“ABC”。下面是該示例:
復制代碼 代碼如下:
<html>
<head><title>The replace() method</title></head>
<body>
<p>Replacing character strings:</p>
<form name="myForm">
<textarea name="myTextArea" id="myTextArea" cols="40" rows="10">I am interested in Curl, here is a url for it.</textarea><br /><br />
<input type="button" value="Replace characters URL" onclick="document.myForm.myTextArea.value =document.myForm.myTextArea.value.replace(/\burl\b/gi, 'abc');">
</form>
</body>
</html>

在字符串”URL“的兩邊都添加一個”\b“以指示單詞的界限——表明希望查找的是整個單詞——因為僅當字符串”URL“是獨立的單詞時才會被替換(不能只檢查字符串”URL”兩邊是否存在空格,因為在其周圍可能存在標點符號);
復制代碼 代碼如下:
oneclick="document.myForm.myTextArea.value=document.myForm.myTextArea.value.replace(/\burl\b/gi,'abc');"

字符串“URL”周圍的正斜槓表明函授查找的是該字符串的匹配。第二個正斜槓後面的“g”(稱為標志)表明文檔正在真個文本區域中查找全局匹配(如果沒有g標志,則只替換字符串中的第一個匹配),i標志表明它應當是一個不區分大小寫的匹配(因此字符串“URL”也會被替換,或者實際上這些字符的大寫、小寫的任何混合形式都會被替換)。

也可以使用“|”符號匹配多個字符串;下面的示例查找link、url或homepage的匹配:
復制代碼 代碼如下:
/link| url| homepage/
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved