何为DOM、DOM?
前端最核心的JavaScript 是由：ECMAScript 、DOM 和 BOM 三驾马车构成的。
- ECMAScript 就是我们常说的js 的核心语法和 基本对象，ES5 ES6 这些内容。
- 文档对象模型（Document Object Model，DOM）：网页文档操作标准，描述处理网页内容的方法和接口。
- 浏览器对象模型（BOM）：客户端和浏览器窗口操作基础，描述与浏览器进行交互的方法和接口。。
DOM 和BOM 提供了一系列跟浏览器操作息息相关的方法和接口。 以上三部分，构成了 用于浏览器环境的js。
DOM
DOM 对象常用的属性有：
- document 文档对象
一个html 就对应一个document 对象 - element 元素对象
表示html 中的每一个元素 - atrr 属性对象
- 事件对象
如 onClick onBlur 等 - console
Console 对象提供了访问浏览器调试模式的信息到控制台。本地开发时用的很多了，大家都很熟悉 - CSSStyleDeclaration 对象
CSSStyleDeclaration 对象表示一个 CSS 属性-值（property-value）对的集合。 - DOM HTMLCollection
HTMLCollection 是 HTML 元素的集合。
BOM
- window
- navigator
- screen
- history
- location
- 存储 essionStorage （会话存储） 和 localStorage（本地存储）
DOM 和 BOM 的关系
由于BOM 中的window既是BOM 中的一个对象，又是一个Global（全局）对象。这意味着在网页中定义的任何对象，变量和函数，都以window作为其global对象。通过window 可以使用window.navigator window.screen 等，访问其他的dom 对象，当然也可以使用window.document 访问DOM 的ducoment ，因此可以看作BOM 包含了DOM.
