前端如何修改小数点后面的位数

2026-02-21 09:45:08

1、打开HBuilder软件，如图所示：

前端如何修改小数点后面的位数

2、点击文件菜单--->新建-->Web项目，如图所示：

前端如何修改小数点后面的位数

3、输入项目名demo2,然后点击完成按钮，如图所示：

前端如何修改小数点后面的位数

4、引入jquery-3.3.1.min.js前端开发包，然后在index.html文件中键入如下代码：

<!DOCTYPE html>

<html>

<head>

<title>前端如何修改小数点后面的位数？</title>

$(document).ready(function(){

var result=10/3;

$("#result").html(result);

$("#btn1").click(function(){

result=result.toFixed(3);

$("#result").html(result);

});

</script>

<body>

<button id="btn1">改变小数点位数</button>

</body>

</html>

前端如何修改小数点后面的位数

5、然后点击运行-->浏览器运行，如图所示：

前端如何修改小数点后面的位数

6、在浏览器查看运行结果，可以看到显示小数点很多的位数，点击改变小数点位数按钮，如图所示：

前端如何修改小数点后面的位数

7、可以看到小数点的位数改变成我们想要的3位，如图所示：

前端如何修改小数点后面的位数

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。