BOM

BOM是Browser Object Model的简写,

Windos 对象

概念:

1. 浏览器环境下的顶层对象,顶层this指向的对象
2. 全局变量是window对象的属性
3. 全局函数的window对象的方法
4. ES6里用const或者let避免加入window对象

属性:

• innerWidth:窗口宽
• innerHeight:窗口高
• document.body.clientWidth:IE8下窗口宽
• document.body.clientHeight:IE8下窗口高

方法:

• window.open():打开窗口
• window.close():关闭窗口
• window.moveTo():移动窗口
• window.resizeTo():改变窗口大小

实际应用: 获取窗口宽高的方法

var w=window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;

var h=window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;