快捷導(dǎo)航

使用js的replace()方法查找字符示例代碼

更新時(shí)間：2013年10月28日 17:51:43 作者：

JavaScript具有一個(gè)非常有用的方法replace()，可以用它利用備選字符集途歡指定的字符，下面有個(gè)不錯(cuò)的示例，大家可以嘗試操作下

通常用于文本輸入框的一種功能是替換指定的字符。JavaScript具有一個(gè)非常有用的方法replace()，可以用它利用備選字符集途歡指定的字符。

replace()方法允許指定希望替換的字符或字符集，方式是利用字符串或者正則表達(dá)式；這是該方法的第一個(gè)實(shí)參。第二個(gè)實(shí)參是謝昂替換為的字符。第二個(gè)實(shí)參通常只是一個(gè)替換字符串（替換字符集），但他可以是用于確定替換字符串應(yīng)當(dāng)是什么的函數(shù)——如果是函數(shù)，則返回值應(yīng)當(dāng)用做俄日替換字符串。隱藏replace()方法的語(yǔ)法可以是如下任意一種：

復(fù)制代碼代碼如下:

 
string.replace(oldSubString,newSubString); 
string.replace(regEx,newSubString); 
string.replace(regEx,finction()); 

下面的簡(jiǎn)單示例對(duì)一個(gè)文本區(qū)域使用replace()方法，并且查找文本框中是否有字符串“URL”。找到字符串“URL”之后，該方法將其替換為字符串“ABC”。下面是該示例：

復(fù)制代碼代碼如下:

 
<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“的兩邊都添加一個(gè)”\b“以指示單詞的界限——表明希望查找的是整個(gè)單詞——因?yàn)閮H當(dāng)字符串”URL“是獨(dú)立的單詞時(shí)才會(huì)被替換（不能只檢查字符串”URL”兩邊是否存在空格，因?yàn)樵谄渲車赡艽嬖跇?biāo)點(diǎn)符號(hào)）；

復(fù)制代碼代碼如下:

 
oneclick="document.myForm.myTextArea.value=document.myForm.myTextArea.value.replace(/\burl\b/gi,'abc');" 

字符串“URL”周圍的正斜杠表明函授查找的是該字符串的匹配。第二個(gè)正斜杠后面的“g”（稱為標(biāo)志）表明文檔正在真?zhèn)€文本區(qū)域中查找全局匹配（如果沒(méi)有g(shù)標(biāo)志，則只替換字符串中的第一個(gè)匹配），i標(biāo)志表明它應(yīng)當(dāng)是一個(gè)不區(qū)分大小寫的匹配（因此字符串“URL”也會(huì)被替換，或者實(shí)際上這些字符的大寫、小寫的任何混合形式都會(huì)被替換）。

也可以使用“|”符號(hào)匹配多個(gè)字符串；下面的示例查找link、url或homepage的匹配：

復(fù)制代碼代碼如下:

/link| url| homepage/

您可能感興趣的文章: