DOM（文档对象模型(Document Object Model)）
文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展标志语言的标准编程接口。在网页上，组织页面（或文档）的对象被组织在一个树形结构中，用来表示文档中对象的标准模型就称为DOM。Document Object Model的历史可以追溯至1990年代后期微软与Netscape的“浏览器大战”，双方为了在JavaScript与JScript一决生死，于是大规模的赋予浏览器强大的功能。微软在网页技术上加入了不少专属事物，既有VBScript、ActiveX、以及微软自家的DHTML格式等，使不少网页使用非微软平台及浏览器无法正常显示。DOM即是当时蕴酿出来的杰作。
BOM：(Browser Object Mode) 浏览器对象模型
核心是window对象；
以下有特殊双重身份：
window对象既是ECMAScript规范中的Global对象，也是BOM中的顶级对象；
document对象既是BOM顶级对象的一个属性，也是DOM模型中的顶级对象
location对象既是window对象的属性，同时也是document对象的属性。
1. window对象 （从两个方面看待：ECMAScript规范中的Global对象，也是BOM中的顶级对象）
1.1 window作为ECMAScript中的Global对象
1_引用window对象的属性和方法时，可以省略window。（就像Globle对象一样）
2_在全局作用域中this和window指向同一个对象，另外，还可以使用self来引用window对象，全等关系即：this===window===self。
3_在全局作用域中定义的变量和函数也会成为window对象的属性和方法，但是和直接在window对象上定义属性还是有区别：
a、全局变量不能使用delete删除（相当于给window定义属性时将属性特性[[Configurable]]赋值为false了），
直接在window对象上定义的属性可以使用delete删除（直接定义window对象时属性特性[[Configurable]]赋值默认为true）。
如果同时定义了全局变量和window对象的属性，则删除window属性时不起作用。
b、尝试访问未定义的全局变量会抛出异常，但是访问未定义的window对象的属性则只是返回undefined。(这里可以很好地利用此特性进行检测兼容性）
1.2 window作为BOM中的顶级对象
1.2.1 浏览器整个窗口与框架
没有子框架时：window、self、top和parent都相等，都是指最顶层框架，即浏览器窗口。
有子框架时：window、self 和 top 都为最顶层框架，parent指向当前框架的直接上层框架.
如果页面中包含框架，则每个框架都有自己的window对象，并且保存在父窗口的frames集合中.
可以通过索引（从0开始，从左至右，从上至下）或者框架名称name属性访问相应的window对象。每个window对象都有一个name属性，表示所处框架的名称。