replace()方法查找字符使用示例
更新時間:2013年10月28日 15:42:25 作者:
查找字符的情況下會使用replace()方法,此方法很常見也很實(shí)用,下面有個不錯的示例,感興趣的朋友可以參考下,希望對大家有所把幫助
通常用于文本輸入框的一種功能是替換指定的字符。JavaScript具有一個非常有用的方法replace(),可以時候用它利用備選字符集途歡指定的字符。
replace()方法允許指定希望替換的字符或字符集,方式是利用字符串或者正則表達(dá)式;這是該方法的第一個實(shí)參。第二個實(shí)參是謝昂替換為的字符。第二個實(shí)參通常只是一個替換字符串(替換字符集),但他可以是用于確定替換字符串應(yīng)當(dāng)是什么的函數(shù)——如果是函數(shù),則返回值應(yīng)當(dāng)用做俄日替換字符串。隱藏replace()方法的語法可以是如下任意一種:
string.replace(oldSubString,newSubString);
string.replace(regEx,newSubString);
string.replace(regEx,finction());
下面的簡單示例對一個文本區(qū)域使用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“以指示單詞的界限——表明希望查找的是整個單詞——因?yàn)閮H當(dāng)字符串”URL“是獨(dú)立的單詞時才會被替換(不能只檢查字符串”URL”兩邊是否存在空格,因?yàn)樵谄渲車赡艽嬖跇?biāo)點(diǎn)符號);
oneclick="document.myForm.myTextArea.value=document.myForm.myTextArea.value.replace(/\burl\b/gi,'abc');"
字符串“URL”周圍的正斜杠表明函授查找的是該字符串的匹配。第二個正斜杠后面的“g”(稱為標(biāo)志)表明文檔正在真?zhèn)€文本區(qū)域中查找全局匹配(如果沒有g(shù)標(biāo)志,則只替換字符串中的第一個匹配),i標(biāo)志表明它應(yīng)當(dāng)是一個不區(qū)分大小寫的匹配(因此字符串“URL”也會被替換,或者實(shí)際上這些字符的大寫、小寫的任何混合形式都會被替換)。
也可以使用“|”符號匹配多個字符串;下面的示例查找link、url或homepage的匹配:
/link| url| homepage/
replace()方法允許指定希望替換的字符或字符集,方式是利用字符串或者正則表達(dá)式;這是該方法的第一個實(shí)參。第二個實(shí)參是謝昂替換為的字符。第二個實(shí)參通常只是一個替換字符串(替換字符集),但他可以是用于確定替換字符串應(yīng)當(dāng)是什么的函數(shù)——如果是函數(shù),則返回值應(yīng)當(dāng)用做俄日替換字符串。隱藏replace()方法的語法可以是如下任意一種:
復(fù)制代碼 代碼如下:
string.replace(oldSubString,newSubString);
string.replace(regEx,newSubString);
string.replace(regEx,finction());
下面的簡單示例對一個文本區(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“的兩邊都添加一個”\b“以指示單詞的界限——表明希望查找的是整個單詞——因?yàn)閮H當(dāng)字符串”URL“是獨(dú)立的單詞時才會被替換(不能只檢查字符串”URL”兩邊是否存在空格,因?yàn)樵谄渲車赡艽嬖跇?biāo)點(diǎn)符號);
復(fù)制代碼 代碼如下:
oneclick="document.myForm.myTextArea.value=document.myForm.myTextArea.value.replace(/\burl\b/gi,'abc');"
字符串“URL”周圍的正斜杠表明函授查找的是該字符串的匹配。第二個正斜杠后面的“g”(稱為標(biāo)志)表明文檔正在真?zhèn)€文本區(qū)域中查找全局匹配(如果沒有g(shù)標(biāo)志,則只替換字符串中的第一個匹配),i標(biāo)志表明它應(yīng)當(dāng)是一個不區(qū)分大小寫的匹配(因此字符串“URL”也會被替換,或者實(shí)際上這些字符的大寫、小寫的任何混合形式都會被替換)。
也可以使用“|”符號匹配多個字符串;下面的示例查找link、url或homepage的匹配:
復(fù)制代碼 代碼如下:
/link| url| homepage/
相關(guān)文章
window.showModalDialog參數(shù)傳遞中含有特殊字符的處理方法
程序運(yùn)行出錯經(jīng),過檢查發(fā)現(xiàn)傳遞的數(shù)據(jù)中出現(xiàn)了#等特殊字符,瀏覽器只取到#號前面的數(shù)據(jù),后面的被截斷,下面為大家介紹下正確的處理方法2013-06-06Bootstrap打造一個左側(cè)折疊菜單的系統(tǒng)模板(一)
這篇文章主要介紹了Bootstrap打造一個左側(cè)折疊菜單的系統(tǒng)模板(一)的相關(guān)資料,需要的朋友可以參考下2016-05-05javascript break指定標(biāo)簽打破多層循環(huán)示例
break的語法有兩種break; 和 break label;下面為大家介紹下直接break掉整個循環(huán)嵌套示例2014-01-01JS數(shù)組方法push()、pop()用法實(shí)例分析
這篇文章主要介紹了JS數(shù)組方法push()、pop()用法,結(jié)合實(shí)例形式分析了JavaScript數(shù)組push()與pop()方法基本功能、原理、使用方法與操作注意事項(xiàng),需要的朋友可以參考下2020-01-01JS實(shí)現(xiàn)向iframe中表單傳值的方法
這篇文章主要介紹了JS實(shí)現(xiàn)向iframe中表單傳值的方法,涉及js針對頁面元素及表單屬性操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-03-03