1、打开HBuilder软件,如图所示:

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

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

4、引入jquery-3.3.1.min.js前端开发包,然后在index.html文件中键入如下代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>前端如何修改小数点后面的位数?</title>
<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
<script>
$(document).ready(function(){
var result=10/3;
$("#result").html(result);
$("#btn1").click(function(){
result=result.toFixed(3);
$("#result").html(result);
});
});
</script>
<body>
<p id="result">
<button id="btn1">改变小数点位数</button>
</body>
</html>

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

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

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