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 相关文章推荐
基于Jquery的标签智能验证实现代码
Dec 27 Javascript
引用外部脚本时script标签关闭的写法
Jan 20 Javascript
基于jquery实现的自动补全功能
Mar 12 Javascript
JQuery给网页更换皮肤的方法
May 30 Javascript
简单理解JavaScript中的封装与继承特性
Mar 19 Javascript
JS文件上传神器bootstrap fileinput详解
Jan 28 Javascript
基于JavaScript实现本地图片预览
Feb 08 Javascript
JS实现的数组去除重复数据算法小结
Nov 17 Javascript
Node.js实现注册邮箱激活功能的方法示例
Mar 23 Javascript
js实现鼠标单击Tab表单切换效果
May 16 Javascript
element-ui使用导航栏跳转路由的用法详解
Aug 22 Javascript
vue里面使用mui的弹出日期选择插件实例
Sep 16 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学习笔记 IIS7下安装配置php环境
2012/10/29 PHP
PHP 实现类似js中alert() 提示框
2015/03/18 PHP
thinkphp ajaxfileupload实现异步上传图片的示例
2017/08/28 PHP
浅谈php调用python文件
2019/03/29 PHP
PHP实现数组根据某个字段进行水平合并,横向合并案例分析
2019/10/08 PHP
PHP代码覆盖率统计详解
2020/07/22 PHP
浅谈JavaScript之事件绑定
2013/07/08 Javascript
jquery的live使用注意事项
2014/02/18 Javascript
Jquery+Ajax+PHP+MySQL实现分类列表管理(上)
2015/10/28 Javascript
jqGrid 学习笔记整理——进阶篇(一 )
2016/04/17 Javascript
Bootstrap企业网站实战项目4
2016/10/14 Javascript
简单实现js浮动框
2016/12/13 Javascript
利用Query+bootstrap和js两种方式实现日期选择器
2017/01/10 Javascript
js常用DOM方法详解
2017/02/04 Javascript
Vue.js组件间的循环引用方法示例
2017/12/27 Javascript
vue cli 3.x 项目部署到 github pages的方法
2019/04/17 Javascript
详解JavaScript的内存空间、赋值和深浅拷贝
2019/04/17 Javascript
jquery.pager.js分页实现详解
2019/07/29 jQuery
vue 如何从单页应用改造成多页应用
2020/10/23 Javascript
vue 基于abstract 路由模式 实现页面内嵌的示例代码
2020/12/14 Vue.js
[52:09]2014 DOTA2华西杯精英邀请赛 5 25 NewBee VS DK第二场
2014/05/26 DOTA
Python类的动态修改的实例方法
2017/03/24 Python
Python实现连接两个无规则列表后删除重复元素并升序排序的方法
2018/02/05 Python
Python 实现数据结构-堆栈和队列的操作方法
2019/07/17 Python
Python常用库大全及简要说明
2020/01/17 Python
html通过canvas转成base64的方法
2019/07/18 HTML / CSS
办公室文秘自我评价
2013/09/21 职场文书
法学毕业生自荐信
2013/11/13 职场文书
营销总经理岗位职责
2014/02/02 职场文书
预防传染病方案
2014/06/14 职场文书
爱护公共设施倡议书
2014/08/29 职场文书
2014乡镇机关党员个人对照检查材料思想汇报
2014/10/09 职场文书
2014年远程教育工作总结
2014/12/09 职场文书
写给医护人员的一封感谢信
2019/09/16 职场文书
nginx限制并发连接请求数的方法
2021/04/01 Servers
Nginx中使用Lua脚本与图片的缩略图处理的实现
2022/03/18 Servers