浏览器对象模型（BOM）
浏览器对象模型（BOM）允许JavaScript与浏览器“对话”。
Browser Object Model(BOM)没有官方标准。由于现代浏览器已经（几乎）实现了JavaScript交互性的相同方法和属性，因此通常将其称为BOM的方法和属性。
window 对象
所有浏览器都支持window对象。它代表浏览器的窗口。所有全局JavaScript对象，函数和变量都自动成为窗口对象的成员。全局变量是window对象的属性。全局函数是window对象的方法。甚至document对象（HTML DOM）也是window对象的属性：
- window.document.getElementById("header");
窗口大小
可以使用两个属性来确定浏览器窗口的大小。两个属性都以像素为单位返回大小：
- window.innerHeight - 浏览器窗口的内部高度（以像素为单位）
- window.innerWidth - 浏览器窗口的内部宽度（以像素为单位）
浏览器窗口（浏览器视口）不包括工具栏和滚动条。
对于Internet Explorer 8,7,6,5：
- document.documentElement.clientHeight
- document.documentElement.clientWidth
或：
- document.body.clientHeight
- document.body.clientWidth
一个实用的JavaScript解决方案（涵盖所有浏览器）：
-
-
var w = window.innerWidth || document.documentElement.clientWidth|| document.body.clientWidth;
- var h = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
-
var x = document.getElementById("demo");
x.innerHTML = "浏览器内部窗口 width: " + w + ", height: " + h + ".";