<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<form align="center">
<table>
开始日期:<input type="text" id="btn1"><br>
结束日期:<input type="text" id="btn2"><br>
相差天数:<input type="text" id="btn3"><br>
<input type="button" value="计算" onclick="calc()"/>
</table>
</form>
<script>
window.onload=function(){
function calc(){
var btn1=new Date(document.getElementById('btn1').value);
var btn2=new Date(document.getElementById('btn2').value);
var btn3=(btn1-btn2)/(1000*60*60*24);
document.getElementById('btn3').value=btn3;
}}
</script>
</body>
</html>
这样子就计算不了,即使我把js放在最前面也不行
但是这样就可以,如下。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<form align="center">
<table>
开始日期:<input type="text" id="btn1"><br>
结束日期:<input type="text" id="btn2"><br>
相差天数:<input type="text" id="btn3"><br>
<input type="button" value="计算" onclick="calc()"/>
</table>
</form>
<script>
function calc(){
var btn1=new Date(document.getElementById('btn1').value);
var btn2=new Date(document.getElementById('btn2').value);
var btn3=(btn1-btn2)/(1000*60*60*24);
document.getElementById('btn3').value=btn3;
}
</script>
</body>
</html>
这是为什么呢?