JavaScript由三部分组成，分别是核心ECMAScript、文档对象类型DOM（Document Object Model）和浏览器对象类型（Browser Object Model）。
ECMAScript介绍：
因为本文主要介绍DOM和BOM，所以ECMAScript不进行详细介绍了，它主要是一个标准，是由欧洲计算机制造商协会颁发，不仅仅是JavaScript符合ECMAScript标准，早先的JScript、Adobe ActionScript也同样符合ECMAScript标准，最近改动较大的就是ES6版本（ECMAScript6）。
DOM和DOM级别介绍：
DOM将整个页面映射为了一个多层节点结构。DOM是由W3C制定的，为了实现更好的兼容性而产生的统一规则。
DOM0级别：这实际上是不存在的，这是指的DHTML（DynamicHTML，因为微软和Netspace分别支持不同的DHTML，所以兼容性很差）。
DOM1级别：由DOM Core（DOM核心）和DOM HTML组成。
DOM Core规定了如何映射到基于XML的文档结构，以便简化对文档中任意部分的访问和操作。
DOM HTML在DOM Core的基础上加以扩展，添加了针对HTML的对象和方法。
DOM2级别：加入了DOM View（DOM视图）、DOM Events（DOM事件）、DOM Style（DOM样式）和DOM遍历和范围。
DOM View定义了跟踪不同文档视图的接口。
DOM Events定义了事件和事件处理接口。
DOM Style定义了CSS为元素应用样式的接口。
DOM遍历和范围定义了遍历和操作文档树的接口。
DOM3级别：加入了DOM加载和保存、DOM验证。
DOM加载和保存定义了统一加载和保存文档的方法。
DOM验证新增了验证文档的方法。
这里顺便提一下DOM事件，共分为DOM0事件、DOM2事件和DOM3事件。
DOM0事件举例就是onclick，缺点是无法绑定多个的方法。
DOM2事件举例就是addEventListener，上面说到了DOM2添加了DOM Events，这样就可以绑定多个方法
DOM3事件就是在DOM2事件上添加了许多的事件类型，例如焦点事件fouce、blur，鼠标事件dbclick、mouseup等，键盘事件等等，还可以支持开发者自定义事件类型。
BOM介绍：
从根本上讲，BOM只处理浏览器窗口和框架。在HTML5标准发布之前，BOM并没有一个相应的标准，后面文章将会更详细讲解BOM。
类似功能有：移动、关闭和缩放窗口，浏览器的详细信息navigator对象，浏览器所加载页面的详细信息location，用户显示器分辨率详细信息screen，cookies，类似IE的ActiveXObject和XMLHttpRequest的自定义对象。
网友评论