window.onload:浏览器窗口中所有的内容加载完成,包括HTML + CSS + JS + 图片 + 视频/音频 + Flash...
$(document).ready():待所有的DOM节点加载完成即触发,HTML + JS,底层的实现是:
window.addEventListener('DOMContentLoaded', fn, false)
二者的不同:
(1)$(document).ready()只等待HTML+JS加载完成即触发,window.onload只有待页面中的所有内容加载完成才触发,前者的触发时机要早于后者。
(2)$(document).ready()可以先后绑定多个监听函数,而window.onload只能绑定一个监听函数
说明:$(document).ready( fn ) 可以简化为如下形式:
$().ready(fn) 甚至可以进一步简化为:
$( fn )