1、一个完整的JavaScript实现应该由下列三个不同的部分组成:
- 核心:ECMAScript
- 文档对象模型:DOM
- 浏览器对象模型:BOM
1.1 ECMAScript
我们常见的Web浏览器只是ECMAScript实现可能的宿主环境之一。宿主环境不仅提供基本的ECMAScript实现,同时也会提供该语言的扩展,以便语言与环境之间对接交互。 而这些扩展–如DOM,则利用ECMAScript的核心类型和语法提供更多更具体的功能,以便实现针对环境的操作。其他宿主环境包括Node(一种服务端JavaScript平台)和Adobe Flash。
大致说来,它规定了这门语言的下列组成部分:
- 语法
- 类型
- 语句
- 关键字
- 保留字
- 操作符
- 对象
ECMAScript就是对实现该标准规定的各个方面内容的语言的描述。JavaScript实现了ECMAScript,Adobe ActionScript同源也实现了ECMAScript.
1.1.1 ECMAScript兼容
ECMA-262给出了ECMAScript兼容的定义。要想成为ECMAScript的实现,则该实现必须做到:
- 支持ECMA-262描述的所有“类型、值、对象、属性、函数以及程序句法和语义”(ECMA-262第1页);
- 支持Unicode字符标准。
此外,兼容的实现还可以进行下列扩展:
- 添加ECMA-262没有描述的“更多类型、值、对象、属性和函数”。ECMA-262所说的这些新增特性,主要是指该标准中没有规定的新对象和对象的新属性。
- 支持ECMA-262没有定义的“程序和正则表达式语法”。(也就是说,可以修改和扩展内置的正则表达式语法。)
1.1.2 Web浏览器对ECMAScript的支持
1.2 文档对象模型(DOM)
<html>
<head>
<title>Sample Page</title>
</head>
<body>
<p>Hello World!</p>
</body>
</html>
分层节点示例图1-2:
通过DOM创建的这个表示文档的树形图,开发人员获得了控制页面内容和结构的主动权。借助DOM提供的API,开发人员可以轻松自如地删除、添加、替换或修改任何节点。
1.2.1 DOM级别
DOM1级(DOM Level 1)于1998年10月成为W3C的推荐标准,由两个模块组成:DOM核心(DOM Core)和DOM HTML。
- DOM核心规定的是如何映射基于XML的文档结构,以便简化对文档中任意部分的访问和操作。
- DOM HTML模块则在DOM核心的基础上加以扩展,添加了针对HTML的对象和方法。
DOM1级的目标主要是映射文档的结构,DOM2级在原来DOM的基础上又扩充了(DHTML一直都支持的)鼠标和用户界面事件、范围、遍历(迭代DOM文档的方法)等细分模块,而且通过对象接口增加了对CSS(Cascading Style Sheets,层叠样式表)的支持。DOM1级中的DOM核心模块也经过扩展开始支持XML命名空间。
DOM2级引入了下列新模块,也给出了众多新类型和新接口的定义。
- DOM视图(DOM Views):定义了跟踪不同文档(例如,应用CSS之前和之后的文档)视图的接口:
- DOM事件(DOM Events):定义了事件和事件处理的接口;
- DOM样式(DOM Style):定义了基于CSS为元素应用样式的接口;
- DOM遍历和范围(DOM Traversal and Range):定义了遍历和操作文档树的接口。
DOM3级则进一步扩展了DOM,引入了以统一方式加载和保存文档的方法–在DOM加载和保存(DOM Load and Save)模块中定义;新增了验证文档的方法–在DOM验证(DOM Validation)模块中定义。DOM3级也对DOM核心进行了扩展,开始支持XML1.0规范,涉及XML Infoset、XPath和XML Base。
1.2.2 其他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的推荐标准。
1.2.3 Web浏览器对DOM的支持
1.3 浏览器对象模型(BOM)
开发人员使用BOM可以控制浏览器显示的页面以外的部分。BOM作为JavaScript实现的一部分但却没有相关的标准。这个问题在HTML5中得到了解决,HTML5致力于把很多BOM功能写入正式规范。
从根本上讲,BOM只处理浏览器窗口和框架;但人们习惯上也把所有针对浏览器的JavaScript扩展算作BOM的一部分。下面就是一些这样的扩展:
- 弹出新浏览器窗口的功能;
- 移动、缩放和关闭浏览器窗口的功能;
- 提供浏览器详细信息的navigator对象;
- 提供浏览器所加载页面的详细信息的location对象;
- 提供用户显示器分辨率详细信息的screen对象;
- 对cookies的支持;
- 像XMLHttpRequest和IE的ActiveObject这样的自定义对象。
1.4 小结
JavaScript是一种专为网页交互而设计的脚本语言,由下列三个不同的部分组成:
ECMAScript,由ECMA-262定义,提供核心语言功能;
文档对象模型(DOM),提供访问和操作网页内容的方法和接口;
浏览器对象模型(BOM),提供与浏览器交互的方法和接口。
JavaScript的这三个组成部分,在当前5个主要浏览器(IE、Firefox、Chrome、Safari和Opera)中都得到了不同程度的支持。其中,所有浏览器对ECMAScript第3版的支持大体上都还不错,而对ECMAScript5的支持成都越来越高,但对DOM的支持则彼此相差较多。对HTML5已经正式纳入标准的BOM来说,尽管各浏览器都是些了某些众所周知的共同特性,但其他特性还是会因浏览器而异。