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实现的立体文字渐变效果
May 17 Javascript
利用jQuery的deferred对象实现异步按顺序加载JS文件
Mar 17 Javascript
js通过地址栏给action传值(中文乱码全是问号)
May 02 Javascript
js常用自定义公共函数汇总
Jan 15 Javascript
JavaScript初学者建议:不要去管浏览器兼容
Feb 04 Javascript
javascript工厂方式定义对象
Dec 26 Javascript
JS+CSS实现大气清新的滑动菜单效果代码
Oct 22 Javascript
javascript设计模式之单体模式学习笔记
Feb 15 Javascript
在js中做数字字符串补0(js补零)
Mar 25 Javascript
webstorm和.vue中es6语法报错的解决方法
May 08 Javascript
node.js遍历目录的方法示例
Aug 01 Javascript
让 babel webpack vue 配置文件支持智能提示的方法
Jun 22 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&amp;MYSQL服务器配置说明
2006/10/09 PHP
PHP Mysql编程之高级技巧
2008/08/27 PHP
Trying to clone an uncloneable object of class Imagic的解决方法
2012/01/11 PHP
Chrome Web App开发小结
2014/09/04 PHP
PHP多进程编程实例详解
2017/07/19 PHP
在Javascript里访问SharePoint列表数据的实现方法
2011/05/22 Javascript
js 关于=+与+=日期函数使用说明(赋值运算符)
2011/11/15 Javascript
jQuery.extend 函数的详细用法
2012/06/27 Javascript
javascript提取URL的搜索字符串中的参数(自定义函数实现)
2013/01/22 Javascript
JSON对象 详解及实例代码
2016/10/18 Javascript
常用的几个JQuery代码片段
2017/03/13 Javascript
vue2里面ref的具体使用方法
2017/10/27 Javascript
如何在Vue中使用CleaveJS格式化你的输入内容
2018/12/14 Javascript
Django+Vue实现WebSocket连接的示例代码
2019/05/28 Javascript
在微信小程序中使用vant的方法
2019/06/07 Javascript
jquery ui 实现 tab标签功能示例【测试可用】
2019/07/25 jQuery
Vue2.x-使用防抖以及节流的示例
2021/03/02 Vue.js
python中定义结构体的方法
2013/03/04 Python
python集合类型用法分析
2015/04/08 Python
python检查URL是否正常访问的小技巧
2017/02/25 Python
Python、PyCharm安装及使用方法(Mac版)详解
2017/04/28 Python
python sys.argv[]用法实例详解
2018/05/25 Python
python3爬取torrent种子链接实例
2020/01/16 Python
python使用html2text库实现从HTML转markdown的方法详解
2020/02/21 Python
cookies应对python反爬虫知识点详解
2020/11/25 Python
浏览器实现移动端高性能css3动画(开启gpu加速)
2013/12/23 HTML / CSS
html5使用Drag事件编辑器拖拽上传图片的示例代码
2017/08/22 HTML / CSS
巾帼志愿者活动方案
2014/08/17 职场文书
党的群众路线专项整治方案
2014/11/03 职场文书
委托书格式范文
2015/01/28 职场文书
个人党性分析总结
2015/03/05 职场文书
裁员通知
2015/04/25 职场文书
2015年中秋晚会主持稿
2015/07/30 职场文书
python3实现无权最短路径的方法
2021/05/12 Python
xhunter1.sys可以删除嘛? win11提示xhunter1.sys驱动不兼容解决办法
2022/09/23 数码科技
JDK8中String的intern()方法实例详细解读
2022/09/23 Java/Android