BOM概述
什么是BOM:
BOM(Browser Object Model)即浏览器对象模型,他提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是window
window对象是浏览器的顶级对象;我们主要学习浏览器窗口交互的一些对象
window包含:
1.window
2.location
3.navigation
4.screen
5.history
它具有双重角色:
1.它是JS访问浏览器窗口的一个接口
2.它是一个全局对象,定义在全局作用域中的变量,函数都会变成window对象的属性和方法
1.窗口加载对象
load 等页面内容全部加载完毕,包含页面dom元素,图片 flash css等
DOMContentLoaded: 是DOM加载完毕,不包含图片 flash css,加载速度块
2.调整窗口大小事件:一般利用这个事件完成响应式布局
window.onresize 是调整窗口大小加载事件,触发即调用的处理函数
3.定时器
(1)setTimeout(调用函数,[延迟的毫秒数]) 只调用一次,清除定时器 clearTimeout();
(2)setInterval(调用函数,[延迟的毫秒数]) 重复调用 ,清除定时器 clearInterval();