window.onload与$(document).ready()的对比

jQuery中的$(document).ready()

$(document).ready(function(){})也可以简写为$(function(){})

$(document).ready()必须等到页面中的DOM结构绘制完毕后被执行，可能DOM元素关联的东西并没有加载完。可以在同一个页面中使用多次，多次都生效（所以在使用JQ完成代码的时候，我们一般都会把代码放在回调函数中，首先不仅是等到结构加载完成再执行，而且还形成了闭包）。

实现的原理是DOM的二级事件绑定（可以执行多次），监听的是DOMCententLoaded事件（DOM结构加载完成就会触发执行）

window.onload

window.onload=function(){}

没有简写形式。
必须在资源都加载完成才会执行，使用的是DOM零级事件绑定，在同一个页面中只能使用一次。

window.onload=function(){}
window.onload=function(){}
只能留最后一个，最后一次赋值替换了原有赋值。

只能出现一次，多次出现只能保留最后一个。