菜鸟笔记之【onload事件，ready()方法的区别】

JS中的onload事件，是在页面中所有元素以及内容全部加载完成以后触发的；

写法通常是这样

function myfunction() {
    
    //your code
    
};

window.onload = myfunction;

或者

window.onload = function(){
    
　　//your code

};

而JQ中ready()方法，则是在页面的DOM结构加载完毕以后就被触发了。也就是说ready()方法会在onload事件之前执行。

$(document).ready(function(){

    //your code
    
});

最后：

因为onload是一个事件，它只能绑定一个值，后面的会覆盖前面的；而ready()是一个方法，方法之间不会互相影响，所以会顺序执行。

原文更详细