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()是一个方法，方法之间不会互相影响，所以会顺序执行。
原文更详细