为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

慕哥9229398 2018-10-10 10:10:36
没有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>
查看完整描述

2 回答

?
明月笑刀无情

TA贡献1828条经验 获得超4个赞

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>


查看完整回答
反对 回复 2018-11-02
?
紫衣仙女

TA贡献1839条经验 获得超15个赞

你应该把JS代码放在button元素之后,因为你这个页面元素在执行的时候为null。你按我说的试试

查看完整回答
反对 回复 2018-11-02
  • 2 回答
  • 0 关注
  • 1822 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信