html文档是由浏览器从上到下依次加载的,javascript代码位置主要影响的是获取网页元素。如果你的代码中包含获取网页元素的代码例如document.getElementById(),那么你需要确保javascript代码要在你想要获取的元素的位置之后。如果在想要获取的元素之前调用这些代码,将无法获取该元素,例如:
<script> document.getElementById("btn").onclick=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代码不立即执行。