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 相关文章推荐
使用PHP+JQuery+Ajax分页的实现
Apr 23 Javascript
解决Jquery load()加载GB2312页面时出现乱码的两种方案
Sep 10 Javascript
jQuery插件 selectToSelect使用方法
Oct 02 Javascript
JQuery插件iScroll实现下拉刷新,滚动翻页特效
Jun 22 Javascript
jQuery CSS()方法改变现有的CSS样式表
Sep 09 Javascript
node.js中的fs.fchown方法使用说明
Dec 16 Javascript
JavaScript前补零操作实例
Mar 11 Javascript
详解JavaScript ES6中的模板字符串
Jul 28 Javascript
JS获取随机数和时间转换的简单实例
Jul 10 Javascript
Vue项目中设置背景图片方法
Feb 21 Javascript
如何在postman中添加cookie信息步骤解析
Jun 30 Javascript
在vue中使用cookie记住用户上次选择的实例(本次例子中为下拉框)
Sep 11 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 截取字符串并以零补齐str_pad() 函数
2011/05/07 PHP
PHP针对JSON操作实例分析
2015/01/12 PHP
laravel框架邮箱认证实现方法详解
2019/11/22 PHP
PHP设计模式(一)工厂模式Factory实例详解【创建型】
2020/05/02 PHP
来自chinaz的ajax获取评论代码
2008/05/03 Javascript
jQuery中append、insertBefore、after与insertAfter的简单用法与注意事项
2020/04/04 Javascript
ASP.NET jQuery 实例11 通过使用jQuery validation插件简单实现用户登录页面验证功能
2012/02/03 Javascript
利用JQuery动画制作滑动菜单项效果实现步骤及代码
2013/02/07 Javascript
用js替换除数字与逗号以外的所有字符的代码
2014/06/07 Javascript
浅谈类似于(function(){}).call()的js语句
2015/03/30 Javascript
浅谈jQuery中事情的动态绑定
2017/02/12 Javascript
webpack 1.x升级过程中的踩坑总结大全
2017/08/09 Javascript
关于JavaScript语句后面的分号问题
2017/12/07 Javascript
JS与CSS3实现图片响应鼠标移动放大效果示例
2018/05/04 Javascript
vue中引入第三方字体文件的方法示例
2018/12/17 Javascript
使用Sonarqube扫描Javascript代码的示例
2018/12/26 Javascript
推荐一个基于Node.js的表单验证库
2019/02/15 Javascript
vue 父组件通过v-model接收子组件的值的代码
2019/10/27 Javascript
js单线程的本质 Event Loop解析
2019/10/29 Javascript
vue.js实现双击放大预览功能
2020/06/23 Javascript
python使用cookielib库示例分享
2014/03/03 Python
python实现html转ubb代码(html2ubb)
2014/07/03 Python
Python爬虫使用脚本登录Github并查看信息
2018/07/16 Python
Python GUI学习之登录系统界面篇
2019/08/21 Python
tornado+celery的简单使用详解
2019/12/21 Python
CSS3教程(9):设置RGB颜色
2009/04/02 HTML / CSS
html5超简单的localStorage实现记住密码的功能实现
2017/09/07 HTML / CSS
AJAX的全称是什么
2012/11/06 面试题
母亲节感恩活动记录
2014/03/16 职场文书
羽毛球社团活动总结
2014/06/27 职场文书
防火标语大全
2014/10/06 职场文书
学校2014年度工作总结
2014/12/06 职场文书
大学生求职意向书
2015/05/11 职场文书
小学德育工作总结2015
2015/05/12 职场文书
同学聚会祝酒词
2015/08/10 职场文书
Go gorilla/sessions库安装使用
2022/08/14 Golang