$(window).load()方法的使用场景

一、$(window).load()、window.onload=function(){}和$(document).ready()方法的区别

1、$(window).load() 和window.onload=function(){}

     是页面中的所有元素（包括图片、flash）等都加载完毕后，才能执行；

     $(document).ready() 是页面中的DOM元素加载完成后便可执行。

2、$(window).load()和window.onload=function(){}

     不同的是，前者可以和$(document).ready()一样，可以同时加载多个函数。

二、window和document的区别

1、window代表的是浏览器窗口，即可视的浏览器窗口

      document代表的是整个页面的dom元素

      即document只是window的一个属性；

2、两者的区别在页面有滚动条时可以直观的显示出来，当出现滚动条时，$(window).height和$(document).height是不相等的，$(document).height比$(window).height大，因为window的高度始终都是可见的浏览器窗口的高度，而document的高度则是整个页面的dom元素的高度，即超出一屏幕了。

                    图片借用地址http://www.jb51.net/article/59154.htm

三、$(window).load()方法的使用场景

1、当某一触发事件，需要页面的所有元素都加载完毕后才执行，并且元素不是通过ajax回调填充的情况下，使用$(window).load()即可。

 

2、当某一触发事件，需要页面的所有元素都加载完毕后才执行，并且元素是通过ajax回调填充的情况下，使用$(window).load()会出现有时有效，有时无效的情况。

 

原文出处：

[1] zpeijing, $(window).load()方法的使用场景, https://blog.csdn.net/u010865136/article/details/61914749