javascript数字分位显示

布满荆棘的人生 2022-12-16 13:04 145阅读 0赞

代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml" lang="en">
    	<head>
    		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    		<title>数字分位显示</title>
    	</head>
    	<body>
    			<script type="text/javascript">
    			function convert(num){
        
    				var result=0;
    				var dec="";
    				if (isNaN(num)){
        
    					result=0;
    				} else{
        
    					if (num.length<4) {
        
    						result=num;
    					} else{
        
    						pos=num.indexOf(".",1);12345.12
    						if (pos>0) {
        
    							dec=num.substr(pos);
    							res=num.substr(0,pos);
    						} else{
        
    							res=num;
    						}
    						var tempResult="";
    						for (i=res.length;i>0;i-=3) {
        
    							if (i-3>0) {
        
    								tempResult=","+res.substr(i-3,3)+tempResult;
    							} else{
        
    								tempResult=res.substr(0,i)+tempResult;
    							}
    						}
    						result=tempResult+dec;
    					}
    				}
    				return result;//返回结果
    			}
    			function deal(){
        
    				result.innerHTML=" 转换结果："+convert(form1.number.value);
    			}
    			</script>
    			<form name="form1" action="" method="post">
    				<input type="text" name="number" id="number" value="" />
    				<input name="Submit" type="button" class="go-wenbenkuang" value="转换" onClick="deal()">
    			</form>
    		<div id="result">转换结果:</div>
    
    	</body>
    </html>

结果如图：  
![略][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tpc3Nfc2NhcmVjcm93_size_16_color_FFFFFF_t_70_pic_center]  
![略][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tpc3Nfc2NhcmVjcm93_size_16_color_FFFFFF_t_70_pic_center 1]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tpc3Nfc2NhcmVjcm93_size_16_color_FFFFFF_t_70_pic_center]: /images/20221123/b97728ff093944e3958175e191b59ae6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tpc3Nfc2NhcmVjcm93_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221123/75fdfc5116124be2a1f9300339626302.png