我这个简单的原生js中Button的onclick事件为什么不响应？
没有window.onload事件，为什么Button的onclick事件就不响应？如下：
<!DOCTYPE html>
<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>
慕哥9229398浏览 1823回答 2
2回答
-
明月笑刀无情
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元素之后，因为你这个页面元素在执行的时候为null。你按我说的试试
随时随地看视频慕课网APP
JavaScript
Html/CSS