ECMAScript、DOM 和 BOM
尽管 ECMAScript 是一个重要的标准&＃xff0c;但它并不是 Javascript 唯一的部分&＃xff0c;当然&＃xff0c;也不是唯一被标准化的部分。实际上&＃xff0c;一个完整的 Javascript 实现是由以下 3 个不同部分组成的&＃xff1a;
- 核心&＃xff08;ECMAScript&＃xff09;
- 文档对象模型&＃xff08;DOM&＃xff09;
- 浏览器对象模型&＃xff08;BOM&＃xff09;
ECMAScript
ECMAScript 并不与任何具体浏览器相绑定&＃xff0c;实际上&＃xff0c;它也没有提到用于任何用户输入输出的方法&＃xff08;这点与 C 这类语言不同&＃xff0c;它需要依赖外部的库来完成这类任务&＃xff09;。那么什么才是 ECMAScript 呢&＃xff1f;ECMA-262 标准&＃xff08;第 2 段&＃xff09;的描述如下&＃xff1a;
“ECMAScript 可以为不同种类的宿主环境提供核心的脚本编程能力&＃xff0c;因此核心的脚本语言是与任何特定的宿主环境分开进行规定的... ...”
Web 浏览器对于 ECMAScript 来说是一个宿主环境&＃xff0c;但它并不是唯一的宿主环境。事实上&＃xff0c;还有不计其数的其他各种环境&＃xff08;例如 Nombas 的 ScriptEase&＃xff0c;以及 Macromedia 同时用在 Flash 和 Director MX 中的 ActionScript&＃xff09;可以容纳 ECMAScript 实现。那么 ECMAScript 在浏览器之外规定了些什么呢&＃xff1f;
简单地说&＃xff0c;ECMAScript 描述了以下内容&＃xff1a;
ECMAScript 仅仅是一个描述&＃xff0c;定义了脚本语言的所有属性、方法和对象。其他语言可以实现 ECMAScript 来作为功能的基准&＃xff0c;Javascript 就是这样&＃xff1a;
每个浏览器都有它自己的 ECMAScript 接口的实现&＃xff0c;然后这个实现又被扩展&＃xff0c;包含了 DOM 和 BOM&＃xff08;在以下几节中再探讨&＃xff09;。当然还有其他实现并扩展了 ECMAScript 的语言&＃xff0c;例如 Windows 脚本宿主&＃xff08;Windows Scripting Host, WSH&＃xff09;、Macromedia 在 Flash 和 Director MX 中的 ActionScript&＃xff0c;以及 Nombas ScriptEase。
1. ECMAScript 的版本
ECMAScript 分成几个不同的版本&＃xff0c;它是在一个叫做 ECMA-262 的标准中定义的。和其他标准一样&＃xff0c;ECMA-262 会被编辑和更新。当有了主要更新时&＃xff0c;就会发布一个标准的新版。最新 ECMA-262 的版本是第三版&＃xff0c;于 1999 年 12 月发布。
ECMA-262 的第一版在本质上与 Netscape 的 Javascript 1.1 是一样&＃xff0c;只是把所有与浏览器相关的代码删除了&＃xff0c;此外还有一些小的调整。首先&＃xff0c;ECMA-262 要求对 Unicode 标准的支持&＃xff08;以便支持多语言&＃xff09;。第二&＃xff0c;它要求对象是平台无关的&＃xff08;Netscape 的 Javascript 1.1 事实上有不同的对象实现&＃xff0c;例如 Date 对象&＃xff0c;是依赖于平台&＃xff09;。这是 Javascript 1.1 和 1.2 为什么不符合 ECMA-262 规范第一版的主要原因。
ECMA-262 的第二版大部分更新本质上是编辑性的。这次标准的更新是为了与 ISO/IEC-16262 的严格一致&＃xff0c;也并没有特别添加、更改和删除内容。ECMAScript 一般不会遵守第二版。
ECMA-262 第三版是该标准第一次真正的更新。它提供了对字符串处理、错误定义和数值输出的更新。同时&＃xff0c;它还增加了正则表达式、新的控制语句、try...catch 异常处理的支持&＃xff0c;以及一些为使标准国际化而做的小改动。一般来说&＃xff0c;它标志着 ECMAScript 成为一种真正的编程语言。
2. 何谓 ECMAScript 符合性
在 ECMA-262 中&＃xff0c;ECMAScript 符合性&＃xff08;conformance&＃xff09;有明确的定义。一个脚本语言必须满足以下四项基本原则&＃xff1a;
- 符合的实现必须按照 ECMA-262 中所描述的支持所有的“类型、值、对象、属性、函数和程序语言及语义”&＃xff08;ECMA-262&＃xff0c;第一页&＃xff09;
- 符合的实现必须支持 Unicode 字符标准&＃xff08;UCS&＃xff09;
- 符合的实现可以增加没有在 ECMA-262 中指定的“额外类型、值、对象、属性和函数”。ECMA-262 将这些增加描述为规范中未给定的新对象或对象的新属性
- 符合的实现可以支持没有在 ECMA-262 中定义的“程序和正则表达式语法”&＃xff08;意思是可以替换或者扩展内建的正则表达式支持&＃xff09;
所有 ECMAScript 实现必须符合以上标准。
3. Web 浏览器中的 ECMAScript 支持
含有 Javascript 1.1 的 Netscape Navigator 3.0 在 1996 年发布。然后&＃xff0c;Javascript 1.1 规范被作为一个新标准的草案被提交给 EMCA。有了 Javascript 轰动性的流行&＃xff0c;Netscape 十分高兴地开始开发 1.2 版。但有一个问题&＃xff0c;ECMA 并未接受 Netscape 的草案。在 Netscape Navigator 3.0 发布后不久&＃xff0c;微软就发布了 IE 3.0。该版本的 IE 含有 JScript 1.0&＃xff08;微软自己的 Javascript 实现的名称&＃xff09;&＃xff0c;原本计划可以与 Javascript 1.1 相提并论。然后&＃xff0c;由于文档不全以及一些不当的重复特性&＃xff0c;JScript 1.0 远远没有达到 Javascript 1.1 的水平。
在 ECMA-262 第一版定稿之前&＃xff0c;发布含有 Javascript 1.2 的 Netscape Navigator 4.0 是在 1997 年&＃xff0c;在那年晚些时候&＃xff0c;ECMA-262 标准被接受并标准化。因此&＃xff0c;Javascript 1.2 并不和 ECMAScript 的第一版兼容&＃xff0c;虽然 ECMAScript 应该基于 Javascript 1.1。
JScript 的下一步是 IE 4.0 中加入的 JScript 3.0&＃xff08;2.0 版是随 IIS 3.0 一起发布的&＃xff0c;但并未包含在浏览器中&＃xff09;。微软大力宣传 JScript 3.0 是世界上第一个真正符合 ECMA 标准的脚本语言。而那时&＃xff0c;ECMA-262 还没有最终定稿&＃xff0c;所以 JScript 3.0 也遭受了和 Javascript 1.2 同样的命运 - 它还是没能符合最终的 ECMAScript 标准。
Netscape 选择在 Netscape Navigator 4.06 中升级它的 Javascript 实现。Javascript 1.3 使 Netscape 终于完全符合了 ECMAScript 第一版。Netscape 加入了对 Unicode 标准的支持&＃xff0c;并让所有的对象保留了在 Javascript 1.2 中引入的新特性的同时实现了平台独立。
当 Netscape 将它的源代码作为 Mozilla 项目公布于众时&＃xff0c;本来计划 Javascript 1.4 将会嵌入到 Netscape Navigator 5.0 中。然而&＃xff0c;一个冒进的决定 - 要完全从头重新设计 Netscape 的代码&＃xff0c;破坏了这个工作。Javascript 1.4 仅仅作为一个 Netscape Enterprise Server 的服务器端脚本语言发布&＃xff0c;以后也没有被放入浏览器中。
如今&＃xff0c;所有主流的 Web 浏览器都遵守 ECMA-262 第三版。
下面的表格列出了大部分流行的 Web 浏览器中的 ECMAScript 支持&＃xff1a;
| 浏览器 | DOM 兼容性 |
|---|
| Netscape Navigator 2.0 | - |
| Netscape Navigator 3.0 | - |
| Netscape Navigator 4.0 - 4.05 | - |
| Netscape Navigator 4.06 - 4.79 | Edition 1 |
| Netscape 6.0&＃43; (Mozilla 0.6.0&＃43;) | Edition 3 |
| Internet Explorer 3.0 | - |
| Internet Explorer 4.0 | - |
| Internet Explorer 5.0 | Edition 1 |
| Internet Explorer 5.5&＃43; | Edition 3 |
| Opera 6.0 - 7.1 | Edition 2 |
| Opera 7.2&＃43; | Edition 3 |
| Safari 1.0&＃43;/Konqueror ~ 2.0&＃43; | Edition 3 |
DOM
DOM&＃xff08;文档对象模型&＃xff09;是 HTML 和 XML 的应用程序接口&＃xff08;API&＃xff09;。DOM 将把整个页面规划成由节点层级构成的文档。HTML 或 XML 页面的每个部分都是一个节点的衍生物。请考虑下面的 HTML 页面&＃xff1a;
这段代码可以用 DOM 绘制成一个节点层次图&＃xff1a;
DOM 通过创建树来表示文档&＃xff0c;从而使开发者对文档的内容和结构具有空前的控制力。用 DOM API 可以轻松地删除、添加和替换节点。
1. 为什么 DOM 必不可少
自从 IE 4.0 和 Netscape Navigator 4.0 开始支持不同形态的动态 HTML&＃xff08;DHTML&＃xff09;&＃xff0c;开发者首次能够在不重载网页的情况下修改它的外观和内容。这是 Web 技术的一大飞跃&＃xff0c;不过也带来了巨大的问题。Netscape 和微软各自开发自己的 DHTML&＃xff0c;从而结束了 Web 开发者只编写一个 HTML 页面就可以在所有浏览器中访问的时期。
业界决定必须要做点什么以保持 Web 的跨平台特性&＃xff0c;他们担心如果放任 Netscape 和微软公司这样做&＃xff0c;Web 必将分化为两个独立的部分&＃xff0c;每一部分只适用于特定的浏览器。因此&＃xff0c;负责指定 Web 通信标准的团体 W3C&＃xff08;World Wide Web Consortium&＃xff09;就开始制定 DOM。
2. DOM 的各个 level
DOM Level 1 是 W3C 于 1998 年 10 月提出的。它由两个模块组成&＃xff0c;即 DOM Core 和 DOM HTML。前者提供了基于 XML 的文档的结构图&＃xff0c;以便访问和操作文档的任意部分&＃xff1b;后者添加了一些 HTML 专用的对象和方法&＃xff0c;从而扩展了 DOM Core。
注意&＃xff0c;DOM 不是 Javascript 专有的&＃xff0c;事实上许多其他语言都实现了它。不过&＃xff0c;Web 浏览器中的 DOM 已经用 ECMAScript 实现了&＃xff0c;现在是 Javascript 语言的一个很大组成部分。
DOM Level 1 只是一个目标&＃xff0c;即规划文档的结构&＃xff0c;DOM Level 2 的目标就广泛多了。对原始 DOM 的扩展添加了对鼠标和用户界面事件&＃xff08;DHTML 对此有丰富的支持&＃xff09;、范围、遍历&＃xff08;重复执行 DOM 文档的方法&＃xff09;的支持&＃xff0c;并通过对象接口添加了对 CSS&＃xff08;层叠样式表&＃xff09;的支持。由 Level 1 引入的原始 DOM Core 也加入了对 XML 命名空间的支持。
DOM Level 2 引入了几种 DOM 新模块&＃xff0c;用于处理新的接口类型&＃xff1a;
- DOM 视图 - 描述跟踪文档的各种视图&＃xff08;即 CSS 样式化之前和 CSS 样式化之后的文档&＃xff09;
- DOM 事件 - 描述事件的接口
- DOM 样式 - 描述处理基于 CSS 样式的接口
- DOM 遍历和范围 - 描述遍历和操作文档树的接口
DOM Level 3 引入了以统一的方式载入和保持文档的方法&＃xff08;包含在新模块 DOM Load and Save&＃xff09;以及验证文档&＃xff08;DOM Validation&＃xff09;的方法&＃xff0c;从而进一步扩展了 DOM。在 Level 3 中&＃xff0c;DOM Core 被扩展为支持所有的 XML 1.0 特性&＃xff0c;包括 XML Infoset、XPath 和 XML Base。
在学习 DOM 时&＃xff0c;可能会遇到有人引用 DOM Level 0。注意&＃xff0c;根本没有 DOM Level 0 这个标准&＃xff0c;它只是 DOM 的一个历史参考点&＃xff08;DOM Level 0 指的是 IE 4.0 和 Netscape Navigator 4.0 中支持的原始 DHTML&＃xff09;。
3. 其他 DOM
除了 DOM Core 和 DOM HTML 外&＃xff0c;还有其他几种语言发布了自己的 DOM 标准。这些语言都是基于 XML 的&＃xff0c;每种 DOM 都给对应语言添加了特有的方法和接口&＃xff1a;
- 可缩放矢量语言&＃xff08;SVG&＃xff09;1.0
- 数字标记语言&＃xff08;MathML&＃xff09;1.0
- 同步多媒体集成语言&＃xff08;SMIL&＃xff09;
此外&＃xff0c;其他语言也开发了自己的 DOM 实现&＃xff0c;如 Mozilla 的 XML 用户界面语言&＃xff08;XUL&＃xff09;。不过&＃xff0c;只有上面列出的几种语言是 W3C 的推荐标准。
4. Web 浏览器中的 DOM 支持
DOM 在被 Web 浏览器开始实现之前就已经是一种标准了。IE 首次尝试 DOM 是在 5.0 版本中&＃xff0c;不过其实直到 5.5 版本之后才具有真正的 DOM 支持&＃xff0c;IE 5.5 实现了 DOM Level 1。从那时起&＃xff0c;IE 就没有引入新的 DOM 功能。
Netscape 直到 Netscape 6&＃xff08;Mozilla 0.6.0&＃xff09;才引入 DOM 支持。目前&＃xff0c;Mozilla 具有最好的 DOM 支持&＃xff0c;实现了完整的 Level 1、几乎所有 Level 2 以及一部分 Level 3。&＃xff08;Mozilla 开发小组的目标是构造一个与标准 100% 兼容的浏览器&＃xff0c;他们的工作得到了回报。&＃xff09;
Opera 直到 7.0 版本才加入 DOM 支持&＃xff0c;还有 Safari 也实现了大部分 DOM Level 1。它们几乎都与 IE 5.5 处于同一水平&＃xff0c;有些情况下&＃xff0c;甚至超过了 IE 5.5。不过&＃xff0c;就对 DOM 的支持而论&＃xff0c;所有浏览器都远远落后于 Mozilla。下表列出了常用浏览器对 DOM 的支持。
| 浏览器 | DOM 兼容性 |
|---|
| Netscape Navigator 1.0 - 4.x | - |
| Netscape 6.0&＃43; (Mozilla 0.6.0&＃43;) | Level 1、Level 2、Level 3&＃xff08;部分&＃xff09; |
| IE 2.0 - 4.x | - |
| IE 5.0 | Level 1&＃xff08;最小&＃xff09; |
| IE 5.5&＃43; | Level 1&＃xff08;几乎全部&＃xff09; |
| Opera 1.0 - 6.0 | - |
| Opera 7.0&＃43; | Level 1&＃xff08;几乎全部&＃xff09;、Level &＃xff08;部分&＃xff09; |
| Safari 1.0&＃43;/Konqueror ~ 2.0&＃43; | Level 1 |
BOM
IE 3.0 和 Netscape Navigator 3.0 提供了一种特性 - BOM&＃xff08;浏览器对象模型&＃xff09;&＃xff0c;可以对浏览器窗口进行访问和操作。使用 BOM&＃xff0c;开发者可以移动窗口、改变状态栏中的文本以及执行其他与页面内容不直接相关的动作。使 BOM 独树一帜且又常常令人怀疑的地方在于&＃xff0c;它只是 Javascript 的一个部分&＃xff0c;没有任何相关的标准。
BOM 主要处理浏览器窗口和框架&＃xff0c;不过通常浏览器特定的 Javascript 扩展都被看做 BOM 的一部分。这些扩展包括&＃xff1a;
- 弹出新的浏览器窗口
- 移动、关闭浏览器窗口以及调整窗口大小
- 提供 Web 浏览器详细信息的定位对象
- 提供用户屏幕分辨率详细信息的屏幕对象
- 对 COOKIE 的支持
- IE 扩展了 BOM&＃xff0c;加入了 ActiveXObject 类&＃xff0c;可以通过 Javascript 实例化 ActiveX 对象
由于没有相关的 BOM 标准&＃xff0c;每种浏览器都有自己的 BOM 实现。有一些事实上的标准&＃xff0c;如具有一个窗口对象和一个导航对象&＃xff0c;不过每种浏览器可以为这些对象或其他对象定义自己的属性和方法。
![[译]技术公司十年经验的职场生涯回顾](https://img8.php1.cn/3cdc5/24912/711/b6574f3292f9dc00.png)
京公网安备 11010802041100号