當(dāng)前位置:軟件學(xué)堂 > 資訊首頁(yè) > 網(wǎng)絡(luò)編程 > 編程其他 > 首字母變?yōu)榇髮?xiě)的JS代碼怎么寫(xiě)

首字母變?yōu)榇髮?xiě)的JS代碼怎么寫(xiě)

2012/10/19 11:07:11作者:佚名來(lái)源:網(wǎng)絡(luò)

移動(dòng)端

【實(shí)例名稱(chēng)】

首字母變?yōu)榇髮?xiě)的JS代碼怎么寫(xiě)

【實(shí)例描述】

在文本中出現(xiàn)英文時(shí),為了符合標(biāo)準(zhǔn)的英文單詞顯示方式,有時(shí)需要將首字母改為大寫(xiě)。本例學(xué)習(xí)如何將單詞設(shè)置為大寫(xiě)或小寫(xiě)。

【實(shí)例代碼】

 

<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>標(biāo)題頁(yè)</title> <SCRIPT LANGUAGE="JavaScript"> function changeCase(frmObj) { var index; var tmpStr; var tmpChar; var preString; var postString; var strlen; tmpStr = frmObj.value.toLowerCase();    //轉(zhuǎn)換為全部小寫(xiě) strLen = tmpStr.length;                 //字符的長(zhǎng)度 if (strLen > 0)  { for (index = 0; index < strLen; index++)  { if (index == 0)  { //將第一位字符轉(zhuǎn)換為大寫(xiě) tmpChar = tmpStr.substring(0,1).toUpperCase(); postString = tmpStr.substring(1,strLen); tmpStr = tmpChar + postString; } else { tmpChar = tmpStr.substring(index, index+1); //如果是第二個(gè)單詞(通過(guò)空格判斷) if (tmpChar == " " && index < (strLen-1))  { tmpChar = tmpStr.substring(index+1, index+2).toUpperCase(); preString = tmpStr.substring(0, index+1); postString = tmpStr.substring(index+2,strLen); tmpStr = preString + tmpChar + postString;          }       }    } } frmObj.value = tmpStr;  //顯示轉(zhuǎn)換后的文本 } </script> </head> <body> <input type=text name="txt1" value="this is test!"> <input type=button value="轉(zhuǎn)換文本" onClick="javascript:changeCase(txt1)"> </body> </html>

【運(yùn)行效果】

運(yùn)行效果

【難點(diǎn)剖析】

本例的重點(diǎn)是判斷首字母并變?yōu)榇髮?xiě)。判斷首字母通過(guò)單詞與單詞間的空格實(shí)現(xiàn),而修改字母為大寫(xiě),則使用的是string的方法“toUppercase”。變?yōu)樾?xiě)字母的方法
為“toLowerCase”。

【源碼下載】

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