js 替換功能函數(shù)，用正則表達(dá)式解決，js的全部替換
更新時間：2010年12月08日 16:26:06 作者：
js 替換功能函數(shù)，用正則表達(dá)式解決，js的全部替換，學(xué)習(xí)js的朋友可以參考下。
alert("abacacf".replace('a','9'));
alert("abacacf".replace(/a/g,'9'));
第一個運(yùn)行的結(jié)果 9bacaf 這個只是替換了第一個
第二個運(yùn)行的結(jié)果 9b9c9f 這個能實(shí)現(xiàn)js的全部替換功能
其實(shí)第二個的意思就是用正則表達(dá)式實(shí)現(xiàn)全局的替換 g 代表 gobal
另附：帶有特殊符號的全局替換
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script language="javascript" type="text/javascript">
String.prototype.replaceAll = stringReplaceAll;
function stringReplaceAll(AFindText,ARepText){
var raRegExp = new RegExp(AFindText.replace(/([\(\)\[\]\{\}\^\$\+\-\*\?\.\"\'\|\/\\])/g,"\\$1"),"ig");
return this.replace(raRegExp,ARepText);
}
function myreplace(){
var content=document.getElementById("content").value;
var rel_con=content.replaceAll("$name","wwww");
document.getElementById("content2").value=rel_con;
}
</script>
</HEAD>
<BODY>
<input type="text" id="content" name="contxt" value="$name 客戶姓名" /> <input type="button" value="replace"
onclick="myreplace()"/><br/>
<input type="text" id="content2" value=""/>
</BODY>
</HTML>
alert("abacacf".replace(/a/g,'9'));
第一個運(yùn)行的結(jié)果 9bacaf 這個只是替換了第一個
第二個運(yùn)行的結(jié)果 9b9c9f 這個能實(shí)現(xiàn)js的全部替換功能
其實(shí)第二個的意思就是用正則表達(dá)式實(shí)現(xiàn)全局的替換 g 代表 gobal
另附：帶有特殊符號的全局替換
復(fù)制代碼 代碼如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script language="javascript" type="text/javascript">
String.prototype.replaceAll = stringReplaceAll;
function stringReplaceAll(AFindText,ARepText){
var raRegExp = new RegExp(AFindText.replace(/([\(\)\[\]\{\}\^\$\+\-\*\?\.\"\'\|\/\\])/g,"\\$1"),"ig");
return this.replace(raRegExp,ARepText);
}
function myreplace(){
var content=document.getElementById("content").value;
var rel_con=content.replaceAll("$name","wwww");
document.getElementById("content2").value=rel_con;
}
</script>
</HEAD>
<BODY>
<input type="text" id="content" name="contxt" value="$name 客戶姓名" /> <input type="button" value="replace"
onclick="myreplace()"/><br/>
<input type="text" id="content2" value=""/>
</BODY>
</HTML>
相關(guān)文章
JavaScript實(shí)現(xiàn)函數(shù)緩存及應(yīng)用場景
在JavaScript中,可以通過函數(shù)緩存來提高函數(shù)的執(zhí)行效率,本文就來介紹一下JavaScript實(shí)現(xiàn)函數(shù)緩存及應(yīng)用場景,具有一定的參考價值,感興趣的可以了解一下2024-01-01
JavaScript折半查找（二分查找）算法原理與實(shí)現(xiàn)方法示例
這篇文章主要介紹了JavaScript折半查找（二分查找）算法原理與實(shí)現(xiàn)方法,結(jié)合具體問題描述了折半查找算法的原理、實(shí)現(xiàn)方法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2018-08-08
深入理解javascript prototype的相關(guān)知識
這篇文章主要介紹了深入理解javascript prototype的相關(guān)知識,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-09-09
解決layui動態(tài)加載復(fù)選框無法選中的問題
今天小編就為大家分享一篇解決layui動態(tài)加載復(fù)選框無法選中的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要介紹了JS+HTML5 FileReader對象用法,結(jié)合具體實(shí)例形式分析了FileReader對象的常用方法及簡單使用技巧,需要的朋友可以參考下2017-04-04
這篇文章主要為大家詳細(xì)介紹了JavaScript仿聊天室聊天記錄實(shí)現(xiàn)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
基于javascript html5實(shí)現(xiàn)多文件上傳
這篇文章主要為大家詳細(xì)介紹了基于javascript html5實(shí)現(xiàn)多文件上傳的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-03-03
這篇文章主要介紹了JS瀏覽器BOM常見操作,結(jié)合實(shí)例形式詳細(xì)分析了JS瀏覽器BOM模型元素常見操作技巧與使用注意事項(xiàng),需要的朋友可以參考下2020-04-04
JavaScript設(shè)計(jì)模式之觀察者模式實(shí)例詳解
這篇文章主要介紹了JavaScript設(shè)計(jì)模式之觀察者模式,結(jié)合實(shí)例形式詳細(xì)分析了javascript觀察者模式的概念、原理、用法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2019-01-01
JavaScript對象數(shù)組排序函數(shù)及六個用法
本文給大家分享一個用于數(shù)組或者對象的排序的函數(shù)。該函數(shù)可以以任意深度的數(shù)組或者對象的值作為排序基數(shù)對數(shù)組或的元素進(jìn)行排序2015-12-12