来源：
DOM（文档对象模型）是w3c国际组织的一套web标准。
方法：
getElementById() ：返回带有指定 ID 的元素。
getElementsByTagName()：返回包含带有指定标签名称的所有元素的节点列表(集合/节点数组)。
getElementsByClassName()：返回包含带有指定类名的所有元素的节点列表。
appendChild()：把新的子节点添加到指定节点。
removeChild()：删除子节点。
replaceChild() ：替换子节点。
insertBefore() ：在指定的子节点前面插入新的子节点。
createAttribute()：创建属性节点。
createElement()：创建元素节点。
createTextNode() ：创建文本节点。
getAttribute() ：返回指定的属性值。
setAttribute()：把指定属性设置或修改为指定的值。
内容：
DOM实际上是以面向对象方式描述的文档模型。DOM定义了表示和修改文档所需的对象、这些对象的行为和属性以及这些对象之间的关系。可以把DOM认为是页面上数据和结构的一个树形表示，不过页面当然可能并不是以这种树的方式具体实现。通过JavaScript，您可以重构整个HTML文档。您可以添加、移除、改变或重排页面上的项目。
应用：
1、获取页面元素；
2、改变页面元素属性；
3、改变页面元素内容；
4、操作页面元素。
BOM：
来源：
BOM（浏览器对象）模型缺乏标准，JavaScript语法的标准化组织是ECMA。
方法：
提供了一系列对象。
Window：1、作为js访问浏览器窗口的一个接口；2、全局对象；
window方法
alert()：弹出一个警告对话框。
prompt([text],[defaulttext])：弹出一个输入对话框。
confirm(text)：弹出一个确认对话框。如果单击“确定按钮”返回true，如果单击“取* * 消”返回false。 text：要显示的纯文本
close()：关闭窗口
print()：打印窗口
open([url],[name],[options]):打开一个新窗口
延时器：window.setTimeout(“code”,1000);// code一般是一个函数，但是放在双引号下，1000ms 返回值是延时器的id，给clearTimeout使用
定时器：window.setInterval(“code”,1000);// code一般是一个函数，但是放在”“下，1000ms 返回值是定时器的id，给clearInterval使用
location:提供了当前窗口中加载文档的有关信息。
navigator：通常用于检测显示网页的浏览器类型。
screen：表明客户端的能力，包括浏览器外部显示器信息。
history：保存用户上网的历史记录。
history常用方法
go(n)：同时可以实现“前进”和“后退。”
1. history.go(0) 刷新网页
2. history.go(-1) 后退
3. history.go(1) 前进一步
4. history.go(3) 前进三步
forward()：相当于浏览器的“前进”按钮
back()：相当于浏览器的“后退”按钮
go(n)：同时可以实现“前进”和“后退。”
1. history.go(0) 刷新网页
2. history.go(-1) 后退
3. history.go(1) 前进一步
4. history.go(3) 前进三步
forward()：相当于浏览器的“前进”按钮
back()：相当于浏览器的“后退”按钮
内容：
BOM(BrowserObject Mode) 是指浏览器对象模型，是用于描述这种对象与对象之间层次关系的模型，浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成，其中代表浏览器窗口的Window对象是BOM的顶层对象，其他对象都是该对象的子对象。
应用：
1. 弹出新的浏览器窗口、移动、关闭浏览器窗口及调整窗口大小；
2. 提供WEB浏览器详细信息的导航对象；
3. 提供装载到浏览器中页面的详细信息的定位对象；
4. 提供用户屏幕分辩率详细信息的屏幕对象；
5. 对cookie的支持