为什么这段代码写在head内不好使，而写在body内部就生效？

Question

<script>var btn = document.getElementById("myBtn");btn.addEventListener("click", myFunction);function myFunction() {    alert("aaaa");}</script>

Answer 1

首先在网页加载的时候，是从上往下加载。所以当你写在head内时

在页面没有加载完的的时候，你就执行了：

var btn = document.getElementById("myBtn");

这个myBtn这个id还没有被加载，所以获取不到。