js和jquery的文档加载问题

一、$(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元素的高度，即超出一屏幕了。


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


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




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


     因为回调的html元素的加载完成可能在$(window).load()执行之后，这样