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 相关文章推荐
Javascript中自动切换焦点实现代码
Dec 15 Javascript
jQuery1.9.1针对checkbox的调整方法(prop)
May 01 Javascript
基于JS实现Android,iOS一个手势动画效果
Apr 27 Javascript
Bootstrap CSS组件之下拉菜单(dropdown)
Dec 17 Javascript
Vue.js中extend选项和delimiters选项的比较
Jul 17 Javascript
Easyui和zTree两种方式分别实现树形下拉框
Aug 04 Javascript
Node.js+jade+mongodb+mongoose实现爬虫分离入库与生成静态文件的方法
Sep 20 Javascript
浅谈react前后端同构渲染
Sep 20 Javascript
基于vue中对鼠标划过事件的处理方式详解
Aug 22 Javascript
JavaScript HTML DOM元素 节点操作汇总
Jul 29 Javascript
createObjectURL方法实现本地图片预览
Sep 30 Javascript
SSM VUE Axios详解
Oct 05 Vue.js
元素的内联事件处理函数的特殊作用域在各浏览器中存在差异
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 冒泡排序算法的实现代码
2010/08/08 PHP
CodeIgniter框架基本增删改查操作示例
2017/03/23 PHP
thinkPHP利用ajax异步上传图片并显示、删除的示例
2018/09/26 PHP
php提取微信账单的有效信息
2018/10/01 PHP
实现laravel 插入操作日志到数据库的方法
2019/10/11 PHP
JQuery 表单中textarea字数限制实现代码
2009/12/07 Javascript
input链接页面、打开新网页等等的具体实现
2013/12/30 Javascript
js表格排序实例分析(支持int,float,date,string四种数据类型)
2015/05/06 Javascript
jQuery实现带有动画效果的回到顶部和底部代码
2015/11/04 Javascript
Uploadify上传文件方法
2016/03/16 Javascript
HTML5 JS压缩图片并获取图片BASE64编码上传
2020/11/16 Javascript
JS检测window.open打开的窗口是否关闭
2017/06/25 Javascript
vue-router3.0版本中 router.push 不能刷新页面的问题
2018/05/10 Javascript
vue封装swiper代码实例解析
2019/10/08 Javascript
js实现数字从零慢慢增加到指定数字示例
2019/11/07 Javascript
selenium 反爬虫之跳过淘宝滑块验证功能的实现代码
2020/08/27 Javascript
Python批量删除只保留最近几天table的代码实例
2019/04/01 Python
Django框架会话技术实例分析【Cookie与Session】
2019/05/24 Python
在Qt中正确的设置窗体的背景图片的几种方法总结
2019/06/19 Python
Python二维码生成识别实例详解
2019/07/16 Python
pytorch中图像的数据格式实例
2020/02/11 Python
Python使用grequests并发发送请求的示例
2020/11/05 Python
Mytheresa中国官网:德国时尚奢侈品商城
2017/08/04 全球购物
英国家喻户晓的高街品牌:River Island
2017/11/28 全球购物
大学生就业自荐信
2013/10/26 职场文书
个人简历中的自我评价范例
2013/10/29 职场文书
信息工程学院毕业生推荐信
2013/11/05 职场文书
教育实习生的自我评价分享
2013/11/21 职场文书
思想专业自荐信范文
2013/12/25 职场文书
最热门的自我评价
2013/12/30 职场文书
节约用电标语
2014/06/17 职场文书
商务司机岗位职责
2015/04/10 职场文书
保护环境的宣传语
2015/07/13 职场文书
同事离别感言
2015/08/04 职场文书
2019年七夕情人节浪漫祝福语大全!
2019/08/08 职场文书
详解Python中的进程和线程
2021/06/23 Python