当前位置: 首页 > >

window.onload()方法和window.onscroll()方法

发布时间:

也许你想成为太阳,可你却只是一颗星辰;也许你想成为大树,可你却是一棵小草。于是,你有些自卑。其实,你和别人一样,也是一片风景:做不了太阳,就做星辰,在自己的星座发光发热;做不了大树,就做小草,以自己的绿色装点希望……

下面是对window对象中 window.onload()方法和window.onscroll()方法的整理,希望可以帮助到有需要的小伙伴


JavaScript window对象

BOM中最核心的对象就是Window对象


window对象是浏览器窗口中的顶级(全局)对象


window对象的属性和方法在调用时?允许省略’ window . ’


其他5个BOM对象都是作为window对象的属性出现


JavaScript window.onload
什么是 window.onload

window.onload()方法用于在页面加载完毕后立刻执行的操作,即当HTML文档加载完毕后,立刻执行的某个方法。


window.onload() 通常用于 元素,在页面完全载入后(包括图片、css文件等等)执行window.onload()里面的函数。


    只有一个要执行的函数:

    window.onload = funcRef;

    funcRef:函数类型的对象引用或者匿名函数

    在页面加载完成后,调用funcRef方法

    有多个要执行的函数:

    window.onload = function(){
    Func1();
    Func2();
    Func3();
    ......
    }

    在页面加载完成后依次执行 Func1、Func2、Func3


使用window.onload()的好处

JavaScript 中的函数方法需要在 HTML 文档渲染完成后才可以使用,


如果没有渲染完成,此时的 DOM 树是不完整的,这样在调用一些 JavaScript 代码时就可能报出"undefined"错误。


实例:








window.onload()方法









友情链接: