js对数字的格式化使用说明

 更新时间:2011年01月12日 22:04:26   作者:  
Javascript也提供了对数字进行格式化输出的支持,需要的朋友可以参考下。
在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
相关文档下载

相关文章

  • 微信小程序云开发之云函数详解

    微信小程序云开发之云函数详解

    这篇文章主要介绍了微信小程序云开发之云函数的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-05-05
  • Js通过AES加密后PHP用Openssl解密的方法

    Js通过AES加密后PHP用Openssl解密的方法

    这篇文章主要给大家介绍了关于Js如何通过AES加密后PHP利用Openssl解密的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-07-07
  • JS设置网页图片vspace和hspace属性的方法

    JS设置网页图片vspace和hspace属性的方法

    这篇文章主要介绍了JS设置网页图片vspace和hspace属性的方法,具体分析了vspace和hspace属性的功能及javascript修改技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-04-04
  • JavaScript 开发工具webstrom使用指南

    JavaScript 开发工具webstrom使用指南

    本文给大家推荐了一款非常热门的javascript开发工具webstrom,着重介绍了webstrom的特色功能、设置技巧、使用心得以及快捷键汇总,非常的全面。
    2014-12-12
  • JS实现根据用户输入分钟进行倒计时功能

    JS实现根据用户输入分钟进行倒计时功能

    倒计时功能大家无论在各大网站都可以看到,今天小编给大家分享一段基于js实现的根据用户输入分钟进行倒计时功能,非常不错,需要的朋友参考下吧
    2016-11-11
  • 微信小程序input、textarea层级过高穿透的问题解决

    微信小程序input、textarea层级过高穿透的问题解决

    微信小程序原生组件camera、canvas、input、live-player、live、pusher、map、textarea、video的层级是最高的,那么如何解决微信小程序input、textarea层级过高穿透,本文就详细的介绍一下
    2021-11-11
  • javascript顺序加载图片的方法

    javascript顺序加载图片的方法

    这篇文章主要介绍了javascript顺序加载图片的方法,可实现javascript针对图片的逐次加载,从而减缓服务器压力,非常具有实用价值,需要的朋友可以参考下
    2015-07-07
  • JavaScript中跨域问题的深入理解

    JavaScript中跨域问题的深入理解

    这篇文章主要给大家介绍了关于JavaScript中跨域问题的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-03-03
  • js实现按Ctrl+Enter发送效果

    js实现按Ctrl+Enter发送效果

    按Ctrl+Enter发送,思路是监听textarea的onkeydown事件,当ctrl键被按下,并且,keycode为13(回车),时,调用发送表单的函数
    2014-09-09
  • 原生js实现俄罗斯方块

    原生js实现俄罗斯方块

    这篇文章主要为大家详细介绍了原生js实现俄罗斯方块,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-10-10

最新评论