<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Math对象方法的调用</title>
<script type="text/javascript">
function getNum(){
//1、获取输入的数字
var num1=document.getElementById('num1').value;
var num=new Number(num1);
//2、求出不同要求的数字,并显示在相应位置
document.getElementById('result1').innerHTML=num.toFixed(2);
document.getElementById('result2').innerHTML=num.toExponential(2);
document.getElementById('result3').innerHTML=num.toPrecision(3);
document.getElementById('result4').innerHTML=num.toPrecision(5);
}
</script>
</head>
<body>
<form name="form1">
<p>请输入一个有3为以上小数位数的浮点型的数字:
<input type="text" name="num1" id="num1" value="" />
<input type="button" name="button" value="按钮" onclick="getNum()"/>
</p>
<p>它保留2位小数的指数形式是:
<label for="text-field"></label>
<input type="text" name="result1" id="result1" value=""/>
</p>
<p>它保留2位小数的小数形式是:
<input type="text" name="result2" id="result2" value=""/>
</p>
<p>它转换成3位有效数字是:
<input type="text" name="result3" id="result3" value="" />
<br>
</p>
<p>它转换成5位有效数字是:
<input type="text" name="result4" id="result4" value="" />
<br><br>
</p>
</form>
</body>
</html>
innerHTML改为value
document.getElementById('result1').value=num.toFixed(2);
document.getElementById('result2').value=num.toExponential(2);
document.getElementById('result3').value=num.toPrecision(3);
document.getElementById('result4').value=num.toPrecision(5);
如有帮助,请采纳!