WebAPI—BOM04

BOM:浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是window。BOM由一系列对象组成,并且每个对象都提供了很多方法与属性。
BOM缺乏标准,JavaScript语法的标准化组织是ECMA,DOM的标准化组织是W3C,BOM最初是Netscape浏览器标准的一部分。
WebAPI—BOM04
window对象常见的事件:

  • window.onload = function(){}或window.addEventListener(“load”,function(){});
    window.onload是窗口(页面)加载事件,当文档内容完全加载完成会触发该事件(包括图像、脚本文件、CSS文件等),就调用的处理函数。有了window.onload就可以把JS代码写到页面元素的上方,因为onload是等页面内容全部加载完毕,再去执行处理函数。

  • document.addEventListener(‘DOMContentLoaded’,function(){})

    DOMContentLoaded事件触发时,仅当DOM加载完成,不包括样式表、图片、flash等等,IE9以上才支持,如果页面的图片很多的话,从用户访问到onload触发可能需要较长的事件,交互效果就不能实现,必然会影响用户的体验,此时用DOMContentLoaded事件比较合适。

  • window.onresize = function(){}或window.addEventListener(“resize”,function(){});
    window.onresize是调整窗口大小加载事件,当触发时就调用的处理函数。

  • 定时器:window.setTimeout(调用函数,[延迟的毫秒数]); 这个window在调用的时候可以省略。如果延迟时间省略默认为0。

上一篇:学习笔记——vs调试


下一篇:Dom 和 BOM的知识点