Javascript在页面加载时的执行顺序

Question

//window.onload=function(){document.getElementById("myBtn").onclick=function(){displayDate()};functiondisplayDate(){document.getElementById("demo").innerHTML=Date();}}为什么这段JS代码必须放在myBtn后面才能起作用呢，放在前面和HEAD中都不管用，为什么加了1个Windows.onload就可以放在前面了~

Answer 1

因为你的这两句话
document.getElementById("myBtn").onclick=function(){displayDate()};
document.getElementById("demo").innerHTML=Date();
是需要获取到dom元素的，在你的页面还没有加载到body的时候，你就加载你的js代码，这时肯定是获取不到元素的，所以不起作用
加了
window.onload=function(){
//...
}
后，会等页面的dom元素和内容加载完毕后，才执行函数里面内容，这时才可以获取到相应的dom元素