相关概念
BOM
BOM(Browser Object Model) 是指浏览器对象模型，是用于描述这种对象与对象之间层次关系的模型，浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成，其中代表浏览器窗口的Window对象是BOM的顶层对象，其他对象都是该对象的子对象。
window
BOM 的核心是window对象，它表示浏览器的一个实例。在浏览器中，既是javascript访问浏览器窗口的一个接口，又是ECMAScript规定的Global对象，这就意味着在网页中定义的任意变量、函数、对象都是以window作为Global对象。
所有在全局作用域中声明的变量、函数、对象都会作为window的属性和方法。
常见属性
window.innerHeight属性和window.innerWidth属性
| 属性 |
语法 |
描述 |
补充说明 |
| window.innerHeight |
var intViewportHeight = window.innerHeight; |
浏览器窗口的视口（viewport）高度（CSS布局占据的浏览器窗口的高度），如果存在水平滚动条，则包括它 。属性只读，，且没有默认值 |
任何窗口对象都支持 innerHeight 属性 |
| window.innerWidth |
var intViewportWidth = window.innerWidth; |
浏览器视口（viewport）宽度（单位：像素），如果存在垂直滚动条则包括它。属性只读，，且没有默认值 |
任何窗口对象都支持 innerWidth 属性 |
window.scrollX 和 window.scrollY属性
| 属性 |
语法 |
描述 |
补充说明 |
| window.scrollX |
var x = window.scrollX; |
返回文档/页面水平方向滚动的像素值，值随着滚动位置变化而变 |
pageXOffset 属性是 scrollX 属性的别名 |
| window.scrollY |
var y = window.scrollY; |
返回文档在垂直方向已滚动的像素值 |
pageYOffset 属性是 scrollY 属性的别名 |
window.frames
| 属性 |
语法 |
描述 |
| window.frames |
frameList = window.frames; |
返回当前窗口，一个类数组对象，列出了当前窗口的所有直接子窗口 |
window.frames返回一个类似数组的对象，成员为页面内的所有框架，包括frame元素和iframe元素。需要注意的是，window.frames的每个成员对应的是框架内的窗口（即框架的window对象），获取每个框架的DOM树，需要使用window.frames[0].document
iframe元素遵守同源政策，只有当父页面与框架页面来自同一个域名，两者之间才可以用脚本通信，否则只有使用window.postMessage方法。
在iframe框架内部，使用window.parent指向父页面。
window.navigator属性
window对象的navigator属性，指向一个包含浏览器相关信息的对象。它返回一个navigator对象的引用,可以用它来查询一些关于运行当前脚本的应用程序的相关信息.
| 属性 |
描述 |
补充说明 |
| window.navigator.userAgent |
返回浏览器的User-Agent字符串，用来标示浏览器的种类 |
通过userAgent属性识别浏览器，不是一个好办法。因为必须考虑所有的情况（不同的浏览器，不同的版本），非常麻烦，而且无法保证未来的适用性。现在一般不再识别浏览器了，而是使用“功能识别”方法，即逐一测试当前浏览器是否支持要用到的JavaScript功能 |
window.screen
screen对象包含了显示设备的信息。
| 属性 |
描述 |
补充说明 |
| window.screen.height |
显示设备的高度，单位为像素 |
|
| window.screen.width |
显示设备的宽度，单位为像素 |
|
| window.screen.avaiHeight |
可用的屏幕高度 |
|
| window.screen.avaiWidth |
可用的屏幕宽度 |
|
window.location
| 属性 |
描述 |
补充说明 |
| window.location.href |
返回当前页面的 URL |
window.location.href = '你的链接 ' 会从当前页面跳转到你的链接（注意href的协议不能省，或者写// 表示继承当前协议） |
| window.location.protocol |
获取当前页面的协议 |
|
| window.location.hostname |
获取当前域名 |
|
| window.location.port |
获取端口 |
|
| window.location.pathname |
获取路径 |
|
| window.location.search |
查询字符串 |
|
| window.location.hash |
获取锚点 |
|
| window.location.origin |
返回url中完整的协议和主机地址部分,包括端口 |
IE不支持 |
name
| 属性 |
语法 |
描述 |
补充说明 |
| window.name |
string = window.name;/ window.name = string; |
获取/设置窗口的名称 |
在某些框架里，该属性也被用于作为 JSONP 的一个更安全的备选来提供跨域通信（cross-domain messaging） |
window.parent
| 属性 |
描述 |
补充说明 |
| window.parent |
返回当前窗口的父窗口对象 |
如果一个窗口没有父窗口，则它的 parent 属性为自身的引用；如果当前窗口是一个 |
