使用js的replace()方法查找字符示例代碼
更新時間:2013年10月28日 17:51:43 作者:
JavaScript具有一個非常有用的方法replace(),可以用它利用備選字符集途歡指定的字符,下面有個不錯的示例,大家可以嘗試操作下
通常用于文本輸入框的一種功能是替換指定的字符。JavaScript具有一個非常有用的方法replace(),可以用它利用備選字符集途歡指定的字符。
replace()方法允許指定希望替換的字符或字符集,方式是利用字符串或者正則表達式;這是該方法的第一個實參。第二個實參是謝昂替換為的字符。第二個實參通常只是一個替換字符串(替換字符集),但他可以是用于確定替換字符串應當是什么的函數(shù)——如果是函數(shù),則返回值應當用做俄日替換字符串。隱藏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“以指示單詞的界限——表明希望查找的是整個單詞——因為僅當字符串”URL“是獨立的單詞時才會被替換(不能只檢查字符串”URL”兩邊是否存在空格,因為在其周圍可能存在標點符號);
oneclick="document.myForm.myTextArea.value=document.myForm.myTextArea.value.replace(/\burl\b/gi,'abc');"
字符串“URL”周圍的正斜杠表明函授查找的是該字符串的匹配。第二個正斜杠后面的“g”(稱為標志)表明文檔正在真?zhèn)€文本區(qū)域中查找全局匹配(如果沒有g標志,則只替換字符串中的第一個匹配),i標志表明它應當是一個不區(qū)分大小寫的匹配(因此字符串“URL”也會被替換,或者實際上這些字符的大寫、小寫的任何混合形式都會被替換)。
也可以使用“|”符號匹配多個字符串;下面的示例查找link、url或homepage的匹配:
/link| url| homepage/
replace()方法允許指定希望替換的字符或字符集,方式是利用字符串或者正則表達式;這是該方法的第一個實參。第二個實參是謝昂替換為的字符。第二個實參通常只是一個替換字符串(替換字符集),但他可以是用于確定替換字符串應當是什么的函數(shù)——如果是函數(shù),則返回值應當用做俄日替換字符串。隱藏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“以指示單詞的界限——表明希望查找的是整個單詞——因為僅當字符串”URL“是獨立的單詞時才會被替換(不能只檢查字符串”URL”兩邊是否存在空格,因為在其周圍可能存在標點符號);
復制代碼 代碼如下:
oneclick="document.myForm.myTextArea.value=document.myForm.myTextArea.value.replace(/\burl\b/gi,'abc');"
字符串“URL”周圍的正斜杠表明函授查找的是該字符串的匹配。第二個正斜杠后面的“g”(稱為標志)表明文檔正在真?zhèn)€文本區(qū)域中查找全局匹配(如果沒有g標志,則只替換字符串中的第一個匹配),i標志表明它應當是一個不區(qū)分大小寫的匹配(因此字符串“URL”也會被替換,或者實際上這些字符的大寫、小寫的任何混合形式都會被替換)。
也可以使用“|”符號匹配多個字符串;下面的示例查找link、url或homepage的匹配:
復制代碼 代碼如下:
/link| url| homepage/
相關文章
JS中利用localStorage防止頁面動態(tài)添加數(shù)據(jù)刷新后數(shù)據(jù)丟失
本文給大家分享一段js代碼利用利用localStorage防止頁面動態(tài)添加數(shù)據(jù)刷新后數(shù)據(jù)丟失問題,代碼簡單易懂,非常不錯,具有參考借鑒價值,需要的朋友參考下2017-03-03ie8 不支持new Date(2012-11-10)問題的解決方法
使用JS的時候也碰到了如下問題,后來經(jīng)過修改,在IE8環(huán)境里,下面的代碼是可用的,下面與大家分享下ie8 不支持new Date的解決方法,有類似問題的朋友可以參考下2013-07-07JavaScript實現(xiàn)前端網(wǎng)頁版倒計時
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)前端網(wǎng)頁版倒計時,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2021-03-03JS常見疑難點分析之match,charAt,charCodeAt,map,search用法分析
這篇文章主要介紹了JS常見疑難點分析之match,charAt,charCodeAt,map,search用法,結合實例形式較為詳細的分析了match,charAt,charCodeAt,map,search的功能,使用方法與相關注意事項,需要的朋友可以參考下2016-12-12layui問題之模擬table表格中的選中按鈕選中事件的方法
今天小編就為大家分享一篇layui問題之模擬table表格中的選中按鈕選中事件的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09js 頁面關閉前的出現(xiàn)提示的實現(xiàn)代碼
主流的瀏覽器都支持onbeforeunload事件(即頁面卸載前觸發(fā)的事件),而現(xiàn)在大多網(wǎng)站都用到了此功能2011-05-05