Javascript 为什么';值为编号';是否将NaN作为值返回?
在下面的代码中,我试图调用Javascript 为什么';值为编号';是否将NaN作为值返回?,javascript,type-conversion,Javascript,Type Conversion,在下面的代码中,我试图调用valueAsNumber,但我刚刚得到一个返回值。当我使用parseInt时,我得到了预期的结果。为什么会这样 <html>
valueAsNumber
,但我刚刚得到一个返回值。当我使用parseInt
时,我得到了预期的结果。为什么会这样
<html>
<head>
<title>JavaScript: Demo 1</title>
<link rel="stylesheet" type="text/css" href="index.css">
</head>
<body>
<div id="numbers">
<div id="inputs">
<form name="inputForm">
<div class="prompt">Number 1: <input name="number1" type="text"></div>
<div class="prompt">Number 2: <input name="number2" type="text"></div>
</form>
</div>
<div id="result">
<div class="prompt">RESULT: <span id="operation_result"> </span></div>
</div>
</div>
<div id="operations">
<p><a id="add_link" href="#" onClick="add(this)">ADD</a></p>
</div>
<script type="text/javascript">
function add(linkElement){
// var value1 = parseInt(document.inputForm.number1.value);
// var value2 = parseInt(document.inputForm.number2.value);
var value1 = document.inputForm.number1.valueAsNumber;
var value2 = document.inputForm.number2.valueAsNumber;
var result = value1 + value1;
document.getElementById('operation_result').innerHTML = result;
}
</script>
</body>
</html>
JavaScript:演示1
第一:
第二点:
结果:
函数add(linkElement){
//var value1=parseInt(document.inputForm.number1.value);
//var value2=parseInt(document.inputForm.number2.value);
var value1=document.inputForm.number1.valueAsNumber;
var value2=document.inputForm.number2.valueAsNumber;
var结果=值1+值1;
document.getElementById('operation_result')。innerHTML=result;
}
您必须将输入的类型
设置为编号
:
<input name="number1" type="number">
此外,如果该值为空或非数字,它将返回