$(document).ready()

区别1：

它规定DOM（网页文档）加载完成后网页内容加载之前执行的，也就是说在html加载完成后，图片加载之前。
window.onload是在页面所有元素（包括图片、引用文件）加载完成后执行，也就是说页面的所有东西加载完之后在加载。
区别2：
$(document).ready()比window.onload()的加载速度要快
区别3：

前者可以写多个，后者页面中只能写一个。
onload()一般用在window和页面中的图片,如果写在页面中结构中，那就加到body标签中。
window.onload = function(){}
document.getElementById('imgID').onload = function(){}