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 相关文章推荐
NiftyCube——轻松实现圆角边框
Feb 20 Javascript
你需要知道的10个最佳javascript开发实践小结
Apr 15 Javascript
Jquery右下角抖动、浮动 实例代码(兼容ie6、FF)
Aug 15 Javascript
javascript引擎长时间独占线程造成卡顿的解决方案
Dec 03 Javascript
js实现的二级横向菜单条实例
Aug 22 Javascript
js实现的黑背景灰色二级导航菜单效果代码
Aug 24 Javascript
改变checkbox默认选中状态及取值的实现代码
May 26 Javascript
vue2.0的虚拟DOM渲染思路分析
Aug 09 Javascript
如何用Node写页面爬虫的工具集
Oct 26 Javascript
JS在Array数组中按指定位置删除或添加元素对象方法示例
Nov 19 Javascript
解决echarts数据二次渲染不成功的问题
Jul 20 Javascript
原生微信小程序开发中 redux 的使用详解
Feb 18 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
调频问题解答
2021/03/01 无线电
PHP IDE PHPStorm配置支持友好Laravel代码提示方法
2015/05/12 PHP
php语言的7种基本的排序方法
2020/12/28 PHP
PHP判断json格式是否正确的实现代码
2017/09/20 PHP
JS模拟多线程
2007/02/07 Javascript
科讯商业版中用到的ajax空间与分页函数
2007/09/02 Javascript
Javascript笔记一 js以及json基础使用说明
2010/05/22 Javascript
firefox下jquery ajax返回object XMLDocument处理方法
2014/01/26 Javascript
JS控制输入框内字符串长度
2014/05/21 Javascript
jQuery CSS()方法改变现有的CSS样式
2014/08/20 Javascript
jQuery自定义添加&quot;$&quot;与解决&quot;$&quot;冲突的方法
2015/01/19 Javascript
jQuery实现区域打印功能代码详解
2016/06/17 Javascript
基于zepto.js简单实现上传图片
2016/06/21 Javascript
js制作支付倒计时页面
2016/10/21 Javascript
利用transition实现文字上下抖动的效果
2017/01/21 Javascript
JavaScript选取(picking)和反选(rejecting)对象的属性方法
2017/08/16 Javascript
AngularJS实现的生成随机数与猜数字大小功能示例
2017/12/25 Javascript
深入理解requireJS-实现一个简单的模块加载器
2018/01/15 Javascript
vue动画之点击按钮往上渐渐显示出来的实例
2018/09/29 Javascript
python实现中文分词FMM算法实例
2015/07/10 Python
Python编程实现生成特定范围内不重复多个随机数的2种方法
2017/04/14 Python
python爬虫获取淘宝天猫商品详细参数
2020/06/23 Python
对python中的for循环和range内置函数详解
2018/04/17 Python
Python matplotlib通过plt.scatter画空心圆标记出特定的点方法
2018/12/13 Python
详解用python写网络爬虫-爬取新浪微博评论
2019/05/10 Python
如何实现在jupyter notebook中播放视频(不停地展示图片)
2020/04/23 Python
python中reload重载实例用法
2020/12/15 Python
HTML5 Canvas玩转酷炫大波浪进度图效果实例(附demo)
2016/12/14 HTML / CSS
html5开发三八女王节表白神器
2018/03/07 HTML / CSS
高三生物教学反思
2014/01/25 职场文书
英语专业个人求职信范文
2014/02/01 职场文书
青年文明号汇报材料
2014/12/23 职场文书
安全检查汇报材料
2014/12/26 职场文书
社会实践单位意见
2015/06/05 职场文书
创业开店,这样方式更合理
2019/08/26 职场文书
SQL之各种join小结详细讲解
2021/08/04 MySQL