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

本文為大家介紹下JavaScript字符串的插入刪除替換函數的在實際中的應用想要學習的朋友可以參考下哈希望對初學者有所幫助

　　說明

以下函數中前兩個函數取出查找字符串的前一部分和後一部分以用於其他函數注意調用一次 replaceString(mainStrsearchStrreplaceStr) 函數只能將字符串 mainStr 中最先找到的一個 searchStr 字符串替換為 replaceStr 字符串並不能將字符串 mainStr 中所有的 searchStr 字符串替換為 replaceStr 字符串如果需要替換全部則需要使用循環

函數源碼
[code
//提取查找字符串前面所有的字符
function getFront(mainStrsearchStr){
foundOffset=mainStrindexOf(searchStr);
if(foundOffset==){
return null;
}
return mainStrsubstring(foundOffset);
}
[/code]

復制代碼代碼如下:
//提取查找字符串後面的所有字符
function getEnd(mainStrsearchStr){
foundOffset=mainStrindexOf(searchStr);
if(foundOffset==){
return null;
}
return mainStrsubstring(foundOffset+searchStrlengthmainStrlength);
} 復制代碼代碼如下:
//在字符串 searchStr 前面插入字符串 insertStr
function insertString(mainStrsearchStrinsertStr){
var front=getFront(mainStrsearchStr);
var end=getEnd(mainStrsearchStr);
if(front!=null && end!=null){
return front+insertStr+searchStr+end;
}
return null;
} 復制代碼代碼如下:
//刪除字符串 deleteStr
function deleteString(mainStrdeleteStr){
return replaceString(mainStrdeleteStr"");
} 復制代碼代碼如下:
//將字符串 searchStr 修改為 replaceStr
function replaceString(mainStrsearchStrreplaceStr){
var front=getFront(mainStrsearchStr);
var end=getEnd(mainStrsearchStr);
if(front!=null && end!=null){
return front+replaceStr+end;
}
return null;
}

　　
使用示例
假設有一表單用於接收用戶的留言信息我們需要將留言內容中用戶輸入的回車換行替換為 HTML 標簽 <br>同時還需要將空格符替換為這樣在顯示留言信息的時候就能按用戶輸入的原格式進行顯示了
html文件如下:

復制代碼代碼如下:

　　
<html>
<head>
<script language="javaScript">
//此處由以上提供的腳本函數源碼填充即getFrontgetEndreplaceString
//[insertStringdeleteString]
//表單檢測函數
function checkForm(form){
var gb_contentStr=formelements["gb_content"]value;
//將留言內容中的所有空格符替換為
while(gb_contentStrindexOf(" ") != ){
gb_contentStr=replaceString(gb_contentStr" "" ");
}
//將留言內容中的所有回車符替換為<br>
while(gb_contentStrindexOf("rn") != ){
gb_contentStr=replaceString(gb_contentStr"rn""<br>");
}
formelements["gb_content"]value=gb_contentStr; //保存由以上腳本修改後的留言內容
return true; //提交留言信息
}
</script>
</head>
<body>
<form action="writeProasp" method="post" name="addliuyan" onSubmit="return checkForm(this)">
<table width="%" border="" cellspacing="" cellpadding="" align="center">
<tr valign="middle">
<td width="%" height="" align="right">留言內容</td>
<td width="%" height="" align="center">
<textarea style="overflow: auto; width: %;" name="gb_content" rows=""></textarea>
</td>
</tr>
</table>
</form>
</body>
</html>

From:http://tw.wingwit.com/Article/program/Java/JSP/201311/19944.html