當(dāng)前位置:軟件學(xué)堂 > 資訊首頁 > 網(wǎng)絡(luò)編程 > 編程其他 > 數(shù)字千分位函數(shù)JS代碼怎么寫

數(shù)字千分位函數(shù)JS代碼怎么寫

2012/11/6 17:21:43作者:佚名來源:網(wǎng)絡(luò)

移動端

【實(shí)例名稱】

數(shù)字千分位函數(shù)JS代碼怎么寫

【實(shí)例描述】

在財(cái)務(wù)運(yùn)算中顯示數(shù)字時(shí),有時(shí)要求必須顯示千分位符號。本例制作一個(gè)函數(shù),使用正則實(shí)現(xiàn)任意小數(shù)和整數(shù)的千分位表現(xiàn)形式。

【實(shí)例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>標(biāo)題頁-學(xué)無憂(m.wangbatian.cn)</title> </head> <body> <script language="JavaScript"> function millon() {   var s=parseFloat(myNum.value); //獲取小數(shù)型數(shù)據(jù)   s+="";   if(s.indexOf(".")==-1) s+=".0"; //如果沒有小數(shù)點(diǎn),在后面補(bǔ)個(gè)小數(shù)點(diǎn)和0   if(/\.\d$/.test(s)) s+="0";   //正則判斷   while(/\d{4}(\.|,)/.test(s))  //符合條件則進(jìn)行替換     s=s.replace(/(\d)(\d{3}(\.|,))/,"$1,$2"); //每隔3位添加一個(gè),   alert(s); } </script> <input type="text" name="myNum" value="1234567890.08"> <input type="button" value="millon" onclick="millon()"> </body> </html>

 

 

【運(yùn)行效果】

 數(shù)字千分位函數(shù)運(yùn)行效果

【難點(diǎn)剖析】

本例使用正則進(jìn)行循環(huán),循環(huán)條件是判斷“,”’符號前是否超過三位數(shù)。如果是則使用“replace’’方法,實(shí)現(xiàn)每隔三位輸出千分位符號的特效。

【源碼下載】

為了JS代碼的準(zhǔn)確性,請點(diǎn)擊:數(shù)字千分位函數(shù) 進(jìn)行本實(shí)例源碼下載 

標(biāo)簽: 函數(shù)  JS代碼