下载掌阅APP，畅读海量书库
立即打开
尽管ECMAScript是JavaScript的标准，但它并不是JavaScript唯一部分，也不是唯一被标准化的部分。实际上，一个完整的JavaScript实现是由以下3个部分组成的，如图1-1所示。
图1-1 JavaScript实现构成
☑ 核心（ECMAScript）
☑ 文档对象模型（DOM）
☑ 浏览器对象模型（BOM）
由ECMA-262定义的ECMAScript与Web浏览器没有依赖关系，这门语言本身也不包含输入和输出定义。ECMA-262定义的只是这门语言的基础，而在此基础之上可以构建更完善的脚本语言。
Web浏览器只是ECMAScript实现可能的宿主环境之一。宿主环境不仅提供基本的ECMAScript实现，同时也会提供该语言的扩展，以便语言与环境之间对接交互。而这些扩展（如DOM），则利用ECMAScript的核心类型和语法提供更多更具体的功能，以便实现针对环境的操作。其他宿主环境包括Node（一种服务端JavaScript平台）和Adobe Flash。
既然ECMA-262标准没有参照Web浏览器，那它都规定了些什么内容呢？大致说来，它规定了这门语言的下列组成部分：
☑ 语法
☑ 类型
☑ 语句
☑ 关键字
☑ 保留字
☑ 操作符
☑ 对象
直到2008年，五大主流Web浏览器（IE、Firefox、Safari、Chrome和Opera）全部做到了与ECMA-262兼容。IE 8是第一个实现ECMA-262第5版的浏览器，并在IE 9中提供了完整的支持。Firefox 4也紧随其后做到兼容。
文档对象模型（Document Object Model，DOM）是针对XML但经过扩展用于HTML的应用程序编程接口（API）。DOM把整个页面映射为一个多层节点结构。HTML或XML页面中的每个组成部分都是某种类型的节点，这些节点又包含着不同类型的数据。
【示例】 针对下面的网页文档结构：
这段代码可以用DOM绘制成一个节点层次图，如图1-2所示。
图1-2 DOM文档节点树
通过DOM创建的文档结构树形图，开发人员获得了控制页面内容和结构的主动权。借助DOM提供的API，开发人员可以轻松自如地删除、添加、替换或修改任何节点。
DOM 1级（DOM Level 1）于1998年10月成为W3C的推荐标准。DOM 1级由两个模块组成：
☑ DOM核心（DOM Core）
☑ DOM HTML
DOM核心规定的是如何映射基于XML的文档结构，以便简化对文档中任意部分的访问和操作。DOM HTML模块则在DOM核心的基础上加以扩展，添加了针对HTML的对象和方法。
如果说DOM 1级的目标主要是映射文档的结构，那么DOM 2级的目标就要宽泛多了。DOM 2级在原来DOM的基础上又扩充了鼠标和用户界面事件、范围、遍历（迭代DOM文档的方法）等细分模块，而且通过对象接口增加了对CSS的支持。DOM 1级中的DOM核心模块也经过扩展开始支持XML命名空间。
DOM 2级引入了下列新模块，也给出了众多新类型和新接口的定义。
☑ DOM视图（DOM Mews）：定义了跟踪不同文档（如应用CSS之前和之后的文档）视图的接口。
☑ DOM事件（DOM Events）：定义了事件和事件处理的接口。
☑ DOM样式（DOM Style）：定义了基于CSS为元素应用样式的接口。
☑ DOM遍历和范围（DOM Traversal and Range）：定义了遍历和操作文档树的接口。
DOM 3级则进一步扩展了DOM，引入了以统一方式加载和保存文档的方法，在DOM加载和保存（DOM Load and Save）模块中定义；新增了验证文档的方法，在DOM验证（DOM Validation）模块中定义。DOM 3级也对DOM核心进行了扩展，开始支持XML 1.0规范，涉及XML Infoset、XPath和XML Base。
提示： 有时读者会听到DOM 0级标准。实际上，DOM 0级标准是不存在的。所谓DOM 0级只是对DOM标准前的一种说法，具体表示IE 4.0和Netscape Navigator 4.0最初支持的DHTML。
在DOM标准出现了一段时间之后，Web浏览器才开始实现它。微软在IE 5中首次尝试实现DOM，但直到IE 5.5才算是真正支持DOM 1级。在随后的IE 6和IE 7中，微软都没有引入新的DOM功能，而到了IE 8才对以前DOM实现中的Bug进行了修复。Firefox 3完全支持DOM 1级，几乎完全支持DOM 2级，甚至还支持DOM 3级的一部分。目前，支持DOM已经成为浏览器开发商的首要目标，主流浏览器每次发布新版本都会改进对DOM的支持。
【拓展】 除了DOM核心和DOM HTML接口之外，另外几种语言还发布了只针对自己的DOM标准。下面列出的语言都是基于XML的，每种语言的DOM标准都添加了与特定语言相关的新方法和新接口。
☑ SVG（Scalable Vector Graphic，可伸缩矢量图）1.0
☑ MathML（Mathematical Markup Language，数学标记语言）1.0
☑ SMIL（Synchronized Multimedia Integration Language，同步多媒体集成语言）
还有一些语言也开发了自己的DOM实现，例如，Mozilla的XUL（XML User Interface Language，XML用户界面语言）。但是，只有上面列出的几种语言是W3C的推荐标准。
IE 3.0和Netscape Navigator 3.0提供了一种特性：BOM（浏览器对象模型），可以对浏览器窗口进行访问和操作。使用BOM，开发者可以移动窗口、改变状态栏中的文本以及执行其他与页面内容不直接相关的动作。与DOM不同，BOM只是JavaScript的一个部分，没有任何相关的标准。
BOM主要处理浏览器窗口和框架，不过通常浏览器特定的JavaScript扩展都被看作BOM的一部分。这些扩展包括：
☑ 弹出新的浏览器窗口。
☑ 移动、关闭浏览器窗口以及调整窗口大小。
☑ 提供Web浏览器详细信息的定位对象。
☑ 提供用户屏幕分辨率详细信息的屏幕对象。
☑ 对cookie的支持。
☑ IE扩展了BOM，加入了ActiveXObject类，可以通过JavaScript实例化ActiveX对象。
由于没有相关的BOM标准，每种浏览器都有自己的BOM实现。有一些事实上的标准，如具有一个窗口对象和一个导航对象，不过每种浏览器可以为这些对象或其他对象定义自己的属性和方法。