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 相关文章推荐
在线一元二次方程计算器实例(方程计算器在线计算)
Dec 22 Javascript
jquery validate 自定义验证方法介绍 日期验证
Feb 27 Javascript
Javascript获取当前时间函数和时间操作小结
Oct 01 Javascript
JQuery select(下拉框)操作方法汇总
Apr 15 Javascript
JavaScript中windows.open()、windows.close()方法详解
Jul 28 Javascript
AngularJS入门教程之链接与图片模板详解
Aug 19 Javascript
Node.js开发教程之基于OnceIO框架实现文件上传和验证功能
Nov 30 Javascript
bootstrap table配置参数例子
Jan 05 Javascript
如何用js判断dom是否有存在某class的值
Feb 13 Javascript
详解Vue之父子组件传值
Apr 01 Javascript
vue css 引入asstes中的图片无法显示的四种解决方法
Mar 16 Javascript
js实现经典贪吃蛇小游戏
Mar 19 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中3种生成XML文件方法的速度效率比较
2012/10/06 PHP
实现在同一方法中获取当前方法中新赋值的session值解决方法
2014/06/26 PHP
php使用ereg验证文件上传的方法
2014/12/16 PHP
postfixadmin忘记密码后的修改密码方法详解
2016/07/20 PHP
简单的pgsql pdo php操作类实现代码
2016/08/25 PHP
利用jQuery的deferred对象实现异步按顺序加载JS文件
2013/03/17 Javascript
jquery获取一组checkbox的值(实例代码)
2013/11/04 Javascript
JavaScript中使用Callback控制流程介绍
2015/03/16 Javascript
jQuery绑定事件的几种实现方式
2016/05/09 Javascript
JS+HTML5手机开发之滚动和惯性缓动实现方法分析
2016/06/12 Javascript
JavaScript关于提高网站性能的几点建议(一)
2016/07/24 Javascript
jquery组件WebUploader文件上传用法详解
2020/10/23 Javascript
AngularJS点击添加样式、点击变色设置的实例代码
2017/07/27 Javascript
babel之配置文件.babelrc入门详解
2018/02/22 Javascript
详解React 服务端渲染方案完美的解决方案
2018/12/14 Javascript
微信小程序实现蓝牙打印
2019/09/23 Javascript
基于JavaScript获取base64图片大小
2019/10/18 Javascript
Python中按值来获取指定的键
2019/03/04 Python
python中 * 的用法详解
2019/07/10 Python
python实现LBP方法提取图像纹理特征实现分类的步骤
2019/07/11 Python
python2和python3实现在图片上加汉字的方法
2019/08/22 Python
django使用xadmin的全局配置详解
2019/11/15 Python
python使用SQLAlchemy操作MySQL
2020/01/02 Python
Python任务自动化工具tox使用教程
2020/03/17 Python
python操作ini类型配置文件的实例教程
2020/10/30 Python
请解释virtual关键字的含义
2015/06/17 面试题
2013届毕业生求职信范文
2013/11/20 职场文书
护士实习求职信
2014/06/22 职场文书
自动化专业大学生职业生涯规划范文:爱拚才会赢
2014/09/12 职场文书
2015年元旦标语大全
2014/12/09 职场文书
离婚答辩状怎么写
2015/05/22 职场文书
幼儿园见习总结
2015/06/23 职场文书
企业催款函范本
2015/06/24 职场文书
python如何利用traceback获取详细的异常信息
2021/06/05 Python
基于CSS制作创意端午节专属加载特效
2022/06/01 HTML / CSS
Valheim服务器 Mod修改安装教程 【ValheimPlus】
2022/12/24 Servers