js代码位置对程序的影响

html文档是由浏览器从上到下依次加载的，javascript代码位置主要影响的是获取网页元素。如果你的代码中包含获取网页元素的代码例如document.getElementById()，那么你需要确保javascript代码要在你想要获取的元素的位置之后。如果在想要获取的元素之前调用这些代码，将无法获取该元素，例如：

<script>
  document.getElementById("btn").οnclick=function(){
      document.getElementById("text").innerHTML="justin";
  }
</script>
<p id="text">jq</p>
<button id="btn">click</button>

 这时候页面就会报错：Uncaught TypeError: Cannot set property 'onclick' of null

 

这时候解决办法可以是将javascript代码移至元素后面，或则获取元素的js代码不立即执行。