我这个简单的原生js中Button的onclick事件为什么不响应？

<head> <meta charset="UTF-8"> <title></title> <script> // window.onload=function(){ document.getElementById("button1").onclick = function() { alert("点击成功"); } // } </script> </head> <body> <input type="button" value="点击跳转" id="button1" /> </body>

js脚本解释时，元素button1还没有加载出来，因此事件实际没用绑定上。你可以实际绑定放到这里。  window.onload=function(){  }或者不用这个的话，你可以把整个标签挪到元素后面，例如常见的做法是把内嵌js放到body的最后。像这样： <head>    <meta charset="UTF-8">    <title></title> </head> <body>    <input type="button" value="点击跳转" id="button1" />    <script>        document.getElementById("button1").onclick = function() {                alert("点击成功");        }    </script> </body>

我这个简单的原生js中Button的onclick事件为什么不响应？

2回答