當(dāng)前位置:軟件學(xué)堂 > 資訊首頁 > 網(wǎng)絡(luò)編程 > 編程其他 > JS代碼去除字符串前后的空格

JS代碼去除字符串前后的空格

2012/10/19 17:58:51作者:佚名來源:網(wǎng)絡(luò)

移動端

【實(shí)例名稱】

去除字符串前后的空格

【實(shí)例描述】

如果用戶輸人的內(nèi)容中有空格(如輸入姓名),通常在數(shù)據(jù)庫中不容易顯示,為了清楚地保存用戶的數(shù)據(jù),在保存信息時,通常需要去除信息前后的空格。

【實(shí)例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>標(biāo)題頁</title> <script  language="JavaScript"> function KillSpace(txtvalue) {   //判斷文本內(nèi)容是否為空,判斷第一個字符是否是空格   if((txtvalue.value.length>0) && (txtvalue.value.charAt(0)==' '))     txtvalue.value = txtvalue.value.substring(1,txtvalue.value.length); //從第二位開始取   //判斷文本的長度   if(txtvalue.value.length>0 && (txtvalue.value.charAt(txtvalue.value.length-1)==' '))     txtvalue.value = txtvalue.value.substring(0,txtvalue.value.length-1);//去掉最后一位 } 

</script> </head> <body> <input type="text" name="txt1" value=" 空格 " /> <input type="button" value="去除空格" name="btn1" onclick="KillSpace(txt1)" /> </body> </html>

 

【運(yùn)行效果】

運(yùn)行效果

【難點(diǎn)剖析】

本例的重點(diǎn)是字符串的截取操作。首先使用“charAt(o)”判斷文本的第一位是否為空格,如果是,則使用“substring”方法,截取從第一位開始的字符串。然后同樣的方法判斷最后一位是否為空格,是則使用“substring”方法截取正確的字符串。

【源碼下載】

本實(shí)例JS代碼下載

標(biāo)簽: JS代碼  字符