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

    xiaoxiao2021-03-25  63

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

    1、$(window).load() 和window.οnlοad=function(){}

         是页面中的所有元素(包括图片、flash)等都加载完毕后,才能执行;

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

    2、$(window).load()和window.οnlοad=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()会出现有时有效,有时无效的情况。

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

    转载请注明原文地址: https://ju.6miu.com/read-39457.html

    最新回复(0)