快捷導(dǎo)航

JavaScript字符串插入、刪除、替換函數(shù)使用示例

更新時(shí)間：2013年07月25日 17:01:28 作者：

本文為大家介紹下JavaScript字符串的插入、刪除、替換函數(shù)的在實(shí)際中的應(yīng)用，想要學(xué)習(xí)的朋友可以參考下哈，希望對(duì)初學(xué)者有所幫助

說(shuō)明：

以下函數(shù)中前兩個(gè)函數(shù)取出查找字符串的前一部分和后一部分，以用于其他函數(shù)。注意，調(diào)用一次 replaceString(mainStr,searchStr,replaceStr) 函數(shù)，只能將字符串 mainStr 中最先找到的一個(gè) searchStr 字符串替換為 replaceStr 字符串，并不能將字符串 mainStr 中所有的 searchStr 字符串替換為 replaceStr 字符串，如果需要替換全部，則需要使用循環(huán)。

函數(shù)源碼：
[code
//提取查找字符串前面所有的字符
function getFront(mainStr,searchStr){
foundOffset=mainStr.indexOf(searchStr);
if(foundOffset==-1){
return null;
}
return mainStr.substring(0,foundOffset);
}
[/code]

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

 
//提取查找字符串后面的所有字符 
function getEnd(mainStr,searchStr){ 
foundOffset=mainStr.indexOf(searchStr); 
if(foundOffset==-1){ 
return null; 
} 
return mainStr.substring(foundOffset+searchStr.length,mainStr.length); 
} 

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

 
//在字符串 searchStr 前面插入字符串 insertStr 
function insertString(mainStr,searchStr,insertStr){ 
var front=getFront(mainStr,searchStr); 
var end=getEnd(mainStr,searchStr); 
if(front!=null && end!=null){ 
return front+insertStr+searchStr+end; 
} 
return null; 
} 

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

 
//刪除字符串 deleteStr 
function deleteString(mainStr,deleteStr){ 
return replaceString(mainStr,deleteStr,""); 
} 

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

 
//將字符串 searchStr 修改為 replaceStr 
function replaceString(mainStr,searchStr,replaceStr){ 
var front=getFront(mainStr,searchStr); 
var end=getEnd(mainStr,searchStr); 
if(front!=null && end!=null){ 
return front+replaceStr+end; 
} 
return null; 
} 

使用示例：
假設(shè)有一表單，用于接收用戶的留言信息。我們需要將留言內(nèi)容中用戶輸入的回車(chē)換行替換為 HTML 標(biāo)簽 <br>，同時(shí)還需要將空格符替換為  ,這樣在顯示留言信息的時(shí)候就能按用戶輸入的原格式進(jìn)行顯示了。
html文件如下:

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

 
<html> 
<head> 
<script language="javaScript"> 
//此處由以上提供的腳本函數(shù)源碼填充，即getFront、getEnd、replaceString 
//[、insertString、deleteString]。 
//表單檢測(cè)函數(shù) 
function checkForm(form){ 
var gb_contentStr=form.elements["gb_content"].value; 
//將留言內(nèi)容中的所有空格符替換為&nbsp;&nbsp; 
while(gb_contentStr.indexOf(" ") != -1 ){ 
gb_contentStr=replaceString(gb_contentStr," ","&nbsp;"); 
} 
//將留言內(nèi)容中的所有回車(chē)符替換為<br> 
while(gb_contentStr.indexOf("\r\n") != -1 ){ 
gb_contentStr=replaceString(gb_contentStr,"\r\n","<br>"); 
} 
form.elements["gb_content"].value=gb_contentStr; //保存由以上腳本修改后的留言內(nèi)容 
return true; //提交留言信息 
} 
</script> 
</head> 
<body> 
<form action="writePro.asp" method="post" name="addliuyan" onSubmit="return checkForm(this)"> 
<table width="50%" border="1" cellspacing="0" cellpadding="0" align="center"> 
<tr valign="middle"> 
<td width="15%" height="25" align="right">留言內(nèi)容：</td> 
<td width="35%" height="25" align="center"> 
<textarea style="overflow: auto; width: 100%;" name="gb_content" rows="11"></textarea> 
</td> 
</tr> 
</table> 
</form> 
</body> 
</html> 