手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

如何控制Number将字符串转换成数值计算精度问题

时间:2024-10-14 09:11:42

1、第一步,打开HBuilder编辑工具,新建静态页面number.html,如下图所示:

如何控制Number将字符串转换成数值计算精度问题

2、第二步,引入jquery核心js文件,并在<body></body>挢旗扦渌;标签元素内插入两个input输入框,设置id属性值和宽度,如下图所示:

如何控制Number将字符串转换成数值计算精度问题
如何控制Number将字符串转换成数值计算精度问题

3、第三步,在jquery初始化函数内编写第一个输入框的change事件,将第一个输入框值转换成数值型,然后赋值给第二个输入框,如下图所示:

如何控制Number将字符串转换成数值计算精度问题

4、第四步,预览该静态页面,在第一个输入框输入值,发现第二个输入框也跟着变化,如下图所示:

如何控制Number将字符串转换成数值计算精度问题

5、第五步,将第一个输入框的值转换成数值型并乘以1000,再次赋给第二个输入框,如下图所示:

如何控制Number将字符串转换成数值计算精度问题

6、第六步,再次预览页面,在第一个输入框输入多位小数的数值,结果发现第二个输入框值小数位比第一个输入框的小数位多很多位数,如下图所示:

如何控制Number将字符串转换成数值计算精度问题

7、第七步,修改代码,在赋值前对小数位进行限制,利用toFixed方法,限制小数位为3位;再次悴匙吭佰预览页面,在输入框输入小数,结果发现小数位为3位,如下图所示:

如何控制Number将字符串转换成数值计算精度问题
© 手抄报圈