js对数字的格式化使用说明


Posted in Javascript onJanuary 12, 2011

在jsp页面上可以使用<fmt:------对数字对行格式化

在js中----------

Javascript也提供了对数字进行格式化输出的支持

Number对象提供的几种格式化函数:

toExponential([fractionDigits]) :将数字按科学计数法格式返回,其中的fractionDigits值小数点后保留的位数。
toFixed([fractionDigits]) :将数字按指定的小数点位数返回,其中的fractionDigits值小数点后保留的位数。
toPrecision([precision]) :将数字按指定的精度返回(这个精度不是指小数点后几位),其中precision是指定的精度值。

var num=56.45678;
var rs1=num.toExponential(2);//rs1的值为5.65e+1
var rs2=num.toFixed(2);//rs的值为56.45
var rs3=num.toPrecision(2);//rs的值为56

虽然说Number对象提供的这些方法能够解决不少的数字转化问题,但是对于许多情况还是不好满足的,例如对百分号的支持等等。

为了解决这个问题,并提供更为强大和灵活的数字格式化要求,JsJava专门提供了的Javascript自定义类来进行支持,你可以下载jsjava-1.0.js,引用其中的src/jsjava/text/NumberFormat.js或者直接引用jslib/jsjava-1.0.js,举例如下:

<script src="js/jsjava/text/NumberFormat.js"></script> 
<script src="js/jsjava/lang/StringBuffer.js"></script> 
<script src="js/jsjava/lang/IllegalArgumentException.js"></script> 
<script> 
var nf=new DecimalFormat(); 
nf.applyPattern("000.000%"); 
var res=nf.format(-0.893566); 
document.write(res+"<br>"); 
nf.applyPattern("0000.00"); 
var res=nf.format(-53.385967); 
document.write(res+"<br>"); 
nf.applyPattern("0000.000E00"); 
var res=nf.format(53.385967); 
document.write(res+"<br>"); 
</script>

显示结果为:

-89.357%
-53.39
5338.597e-2
相关文档下载

Javascript 相关文章推荐
js的闭包的一个示例说明
Nov 18 Javascript
js实现权限树的更新权限时的全选全消功能
Feb 17 Javascript
Jquery写一个鼠标拖动效果实现原理与代码
Dec 24 Javascript
如何让浏览器支持jquery ajax load 前进、后退功能
Jun 12 Javascript
实例分析javascript中的call()和apply()方法
Nov 28 Javascript
chrome不支持form.submit的解决方案
Apr 28 Javascript
Javascript监视变量变化的方法
Jun 09 Javascript
jQuery实现鼠标经过像翻页和描点链接效果
Aug 08 Javascript
bootstrap组件之按钮式下拉菜单小结
Jan 19 Javascript
Vue之Watcher源码解析(1)
Jul 19 Javascript
详解ES6通过WeakMap解决内存泄漏问题
Mar 09 Javascript
vue实现鼠标移入移出事件代码实例
Mar 27 Javascript
元素的内联事件处理函数的特殊作用域在各浏览器中存在差异
Jan 12 #Javascript
克隆javascript对象的三个方法小结
Jan 12 #Javascript
JavaScript中两种链式调用实现代码
Jan 12 #Javascript
Chrome中JSON.parse的特殊实现
Jan 12 #Javascript
js中将字符串转换成json的三种方式
Jan 12 #Javascript
Javascript在IE下设置innerHTML时出现未知的运行时错误的解决方法
Jan 12 #Javascript
基于JQuery实现相同内容合并单元格的代码
Jan 12 #Javascript
You might like
PHP中Session的概念
2006/10/09 PHP
一漂亮的PHP图片验证码实例
2014/03/21 PHP
javascript some()函数用法详解
2014/11/13 PHP
分享8个Laravel模型时间戳使用技巧小结
2020/02/12 PHP
js实现兼容IE6与IE7的DIV高度
2010/05/13 Javascript
奉献给JavaScript初学者的编写开发的七个细节
2011/01/11 Javascript
Ubuntu中搭建Nodejs开发环境过程分享
2014/06/01 NodeJs
js实现的四级左侧网站分类菜单实例
2015/05/06 Javascript
jQuery 限制输入字符串长度
2016/06/20 Javascript
在JSP中如何实现MD5加密的方法
2016/11/02 Javascript
基于bootstrap风格的弹框插件
2016/12/28 Javascript
es6学习之解构时应该注意的点
2017/08/29 Javascript
javascript填充默认头像方法
2018/02/22 Javascript
在layui tab控件中载入外部html页面的方法
2019/09/04 Javascript
Javascript Worker子线程代码实例
2020/02/20 Javascript
vue使用canvas实现移动端手写签名
2020/09/22 Javascript
python设置检查点简单实现代码
2014/07/01 Python
Python编程中对文件和存储器的读写示例
2016/01/25 Python
Python3实现爬取指定百度贴吧页面并保存页面数据生成本地文档的方法
2018/04/22 Python
Python3.6实现连接mysql或mariadb的方法分析
2018/05/18 Python
Python字符串的全排列算法实例详解
2019/01/07 Python
Python对象与引用的介绍
2019/01/24 Python
python实现nao机器人身体躯干和腿部动作操作
2019/04/29 Python
利用Python校准本地时间的方法教程
2019/10/31 Python
python中的 zip函数详解及用法举例
2020/02/16 Python
利用python实现逐步回归
2020/02/24 Python
jupyter notebook 多环境conda kernel配置方式
2020/04/10 Python
CSS3实现可爱的小黄人动画
2016/07/11 HTML / CSS
俄罗斯优惠券网站:BIGLION
2017/05/21 全球购物
John Hardy官方网站:手工设计首饰的奢侈品牌
2017/07/05 全球购物
小学毕业感言150字
2014/02/05 职场文书
小学安全教育主题班会
2015/08/12 职场文书
担保公司2015年终工作总结
2015/10/14 职场文书
Javascript中的解构赋值语法详解
2021/04/02 Javascript
OpenCV-Python模板匹配人眼的实例
2021/06/08 Python
Vue自定义铃声提示音组件的实现
2022/01/22 Vue.js