1.4　JavaScript实现

尽管ECMAScript是JavaScript的标准，但它并不是JavaScript唯一部分，也不是唯一被标准化的部分。实际上，一个完整的JavaScript实现是由以下3个部分组成的，如图1-1所示。

☑　核心（ECMAScript）

☑　文档对象模型（DOM）

☑　浏览器对象模型（BOM）

1.4.1　JavaScript核心

由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也紧随其后做到兼容。

1.4.2　文档对象模型

文档对象模型（Document Object Model，DOM）是针对XML但经过扩展用于HTML的应用程序编程接口（API）。DOM把整个页面映射为一个多层节点结构。HTML或XML页面中的每个组成部分都是某种类型的节点，这些节点又包含着不同类型的数据。

【示例】 针对下面的网页文档结构：

这段代码可以用DOM绘制成一个节点层次图，如图1-2所示。

通过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核心和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的推荐标准。

1.4.3　浏览器对象模型

IE 3.0和Netscape Navigator 3.0提供了一种特性：BOM（浏览器对象模型），可以对浏览器窗口进行访问和操作。使用BOM，开发者可以移动窗口、改变状态栏中的文本以及执行其他与页面内容不直接相关的动作。与DOM不同，BOM只是JavaScript的一个部分，没有任何相关的标准。

BOM主要处理浏览器窗口和框架，不过通常浏览器特定的JavaScript扩展都被看作BOM的一部分。这些扩展包括：

☑　弹出新的浏览器窗口。

☑　移动、关闭浏览器窗口以及调整窗口大小。

☑　提供Web浏览器详细信息的定位对象。

☑　提供用户屏幕分辨率详细信息的屏幕对象。

☑　对cookie的支持。

☑　IE扩展了BOM，加入了ActiveXObject类，可以通过JavaScript实例化ActiveX对象。

由于没有相关的BOM标准，每种浏览器都有自己的BOM实现。有一些事实上的标准，如具有一个窗口对象和一个导航对象，不过每种浏览器可以为这些对象或其他对象定义自己的属性和方法。 hHgPLPs1K2BJ4tdYdMpilie8RDGppJ3US7TmlToSkMasfAhNv3UNMJ9qH2n7Y8+e