为什么这段代码写在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还没有被加载，所以获取不到。