Dom 与 Bom
Dom是为了操作文档而出现的API , Document 是其的一个对象。
Bom是为了操作浏览器出现的API , window是其的一个对象。
Bom 是 Browser Objece Model （浏览器对象模型） , 提供了独立内容与浏览器窗口进行交互的对象 , 就是控制浏览器行为的而出现的API. 做的就是一些 页面跳转 ,
屏幕高度宽度捕捉等等行为. 比如一个Location 就是一个 Bom的对象 , 做一个重新加载的一个操作 Location.reload();
Window 对象是Bom的核心 , 表示整个浏览器的窗口 . 通过这个对象可以获取窗口位置、确定窗口大小、弹出对话框等等 .
Document对象是 window 对象的属性，window对象的任何属性和方法都可以直接访问，这个对象即属于Dom 又属性Bom的对象。document 通常是整个 DOM 树的根节点。这个 document 包含了标题、URL等属性，可以直接在 JS 中访问到。
BOM的window包含了document，因此可以直接使用window对象的document属性，通过document属性就可以访问、检索、修改HTML文档内容与结构，BOM包含了DOM(对象)，浏览器提供出来给予访问的是BOM对象，从BOM对象再访问到DOM对象，从而js可以操作浏览器以及浏览器读取到的文档。
Dom (Document Object Model(文档对象模型)) 是针对XML的基于树的API。是处理网页内容的方法和接口，是HTML和XML的API，DOM把整个页面分为由节点层级构成的文档。
这个DOM定义了一个Document和Element做为这种实现的基础,为了能以编程的方法操作这个 HTML 的内容（对HTML 的元素进行修改等操作），我们把这个 HTML 看做一个对象树（DOM树），它本身和里面的所有东西比如 <div></div> 这些标签都看做一个对象，每个对象都叫做一个节点（node）。