首頁 > 開發者 > JavaScript
說明：
以下函數中前兩個函數取出尋找字串的前一部分和後一部分，以用於其他函數。注意，調用一次 replaceString(mainStr,searchStr,replaceStr) 函數，只能將字串 mainStr 中最先找到的一個 searchStr 字串替換為 replaceStr 字串，並不能將字串 mainStr 中所有的 searchStr 字串替換為 replaceStr 字串，如果需要替換全部，則需要使用迴圈。
函數源碼：
//提取尋找字串前面所有的字元
function getFront(mainStr,searchStr){ foundOffset=mainStr.indexOf(searchStr); if(foundOffset==-1){ return null; } return mainStr.substring(0,foundOffset);}
//提取尋找字串後面的所有字元function getEnd(mainStr,searchStr){ foundOffset=mainStr.indexOf(searchStr); if(foundOffset==-1){ return null; } return mainStr.substring(foundOffset+searchStr.length,mainStr.length);}
//在字串 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;}
//刪除字串 deleteStrfunction deleteString(mainStr,deleteStr){ return replaceString(mainStr,deleteStr,"");}
//將字串 searchStr 修改為 replaceStrfunction 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;}
使用樣本：
假設有一表單，用於接收使用者的留言資訊。我們需要將留言內容中使用者輸入的斷行符號換行替換為 HTML 標籤 <br>，同時還需要將空格符替換為 ,這樣在顯示留言資訊的時候就能按使用者輸入的原格式進行顯示了。
html檔案如下:
<html><head><script language="javaScript">//此處由以上提供的指令碼函數源碼填充，即getFront、getEnd、replaceString//[、insertString、deleteString]。//表單檢測函數function checkForm(form){ var gb_contentStr=form.elements["gb_content"].value; //將留言內容中的所有空格符替換為 while(gb_contentStr.indexOf(" ") != -1 ){ gb_contentStr=replaceString(gb_contentStr," "," "); } //將留言內容中的所有斷行符號符替換為<br> while(gb_contentStr.indexOf("\r\n") != -1 ){ gb_contentStr=replaceString(gb_contentStr,"\r\n","<br>"); } form.elements["gb_content"].value=gb_contentStr; //儲存由以上指令碼修改後的留言內容 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">留言內容：</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>Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
