大多数jQuery实例或教程都告诉我们绑定我们的jQuery代码到$(document).ready事件。

虽然$(document).ready 事件在大多数情况下都OK,但是它的解析顺序是在文档准备就绪,但文档中的图片等对象正在下载的时候开始运行的。

所以在某些时候使 用$(document).ready事件并不一定能达到我们预期的效果,比如一些视觉效果和动画、拖拽、预读取隐藏图片等…

通过使用$(window).load事件便可以安全的在整个文档都准备就绪之后再开始运行你期望的代码。


$(window).load(function(){
// 将你希望在页面完全就绪之后运行的代码放在这里
});



比如谷歌浏览器:对于获取图片的宽高如果使用$(document).ready()是获取不到的

这时候就要使用$(window).load();