为什么点击按钮要放在函数之前才能执行？-大雨不停下的回答

为什么点击按钮要放在函数之前才能执行？财富值94

2016-10-27 17:04发布

<script> var x = document.getElementById("demo"); x.addEventListener("click", myFunction);  function myFunction()  {     alert ("Hello World!") }   </script>  <button id="demo">点我</button>

7条回答

大雨不停下 - 这个人很懒，什么都没留下

2016-10-27 17:27

并非是要放在函数之前，照你的写法，script标签优先于button标签解析，
你可以加一行代码在var x下面，console.log(x)，会返回一个null。
原因是js代码执行的时候button并未被浏览器解析到。你不能给给一个null
绑定事件监听。所以这也是为什么一般建议html里面把js引入放在页面最末尾的原因