toExponential()方法不起作用

时间:2016-02-13 16:17:00

标签: javascript function methods

toExponential()方法无法处理我的代码。 chrome console出现此错误: 未捕获的TypeError:number.toExponential不是函数。 这是我的代码:



<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <title>JS Code Academy</title>
</head>
<body>

<input type="number" id="myInput" value="2.326">

<button id="myButton">Click Me!</button>

<p id="demo1"></p>
<p id="demo2"></p>


<script type="text/javascript">
document.getElementById("myButton").onclick = function() {

var number = document.getElementById("myInput").value;
var str = number.toExponential(2);

document.getElementById("demo1").innerHTML = str;
document.getElementById("demo2").innerHTML = typeof str;
};
</script>


</body>
</html>
&#13;
&#13;
&#13;

2 个答案:

答案 0 :(得分:3)

toExponential是在数字类上定义的方法。因此,请确保您使用数字而不是字符串来调用它:

var value = document.getElementById("myInput").value;
var number = parseFloat(value);
if (!isNaN(number)) {
    // The string value entered in the textbox was successfully parsed to a number
    // we can now calculate the exponential:
    var str = number.toExponential(2);
}

答案 1 :(得分:0)

如果您有 <input type="number" id="myNumber" /> ,条目必须只是数字,以便用户使用它更容易。 Darin 的代码是一个很好的解决方案。