JavaScript和DOM的产生与发展

 

 

首先本篇文章摘自：http://itbilu.com/javascript/js/Vyxodm_1g.html

很是感谢本篇文章的做者，他理清了我映像中混乱的DOM Level级别。让我知道了DOM0级并不存在，而咱们如今经常使用CoreDOM、HTML-DOM都属于DOM1级，而事件的接口，则是从DOM2级开始引入。

 

====================== 具体内容 =====================

 

JavaScript历经了从被人误解到如今的被万众瞩目的转变。随着一些JavaScript编程规范的推出（如：AMD、CMD），其应用范围也从前端一些小功能逐渐扩展到后端和一些大项目中。那么，JavaScript从混乱无序到严谨规范经历的哪些过程，在这些过程当中又JavaScript增长了哪些功能特性？

 

1. JavaScript的起源

1.1 JavaScript的诞生与发展

JavaScript最初由Netscape的Brendan Eich设计， Netscape在最初将其脚本语言命名为LiveScript，后来Netscape在与Sun合做以后将其更名为JavaScript。由此看来，JavaScript只是出于营销考虑，看起来像Java实则与Java没有一点关系。

在JavaScript出现以前，Web浏览器仅是一种可以显示超文本文档的软件；在JavaScript出现以后，网页的交互性获得明显改善，其内容也再也不局限于简单的文本。JavaScript第一个版本，即：JavaScript 1.0，在1995年Netscape Navigator 2浏览器中推出。

在JavaScript 1.0发布时，Netscape Navigator浏览器还占主宰地位。Microsoft在IE 3.0时发布了VBScript命名为JScript。面对微软的竞争，Netscape在与Sun联合ECMA（欧洲计算机制造协会）对JavaScript语言进行了标准化，即：ECMA-262（ECMAScript），也就是咱们今天的使用JavaScript语言标准，目前最新标准为ECMAScript 6。

 

1.2 JavaScript的设计功能

JavaScript最初设计是做为给非程序人员的脚本语言，JavaScript作为一种解释型脚本语言，一般只能依赖Web浏览器去完成一些操做而不能像动态语言那样独立运行。也正是因为JavaScript的简单性，使其比较容易的学习和使用。

JavaScript向用户提供了一些操控Web浏览器和Web文档的API，即：BOM（浏览器对象模型）和DOM（文档对象模型）。你能够经过JavaScript调整浏览的宽、高、位置等，一样你可经过JavaScript调整Web页面内容的显示、隐藏、表单提交等。

 

2. DOM的诞生与发展

2.1 DOM是什么

DOM，文档对象模型（Document Object Model）。DOM是 W3C（万维网联盟）的标准，DOM定义了访问HTML和XML文档的标准。在W3C的标准中，DOM是独于平台和语言的接口，它容许程序和脚本动态地访问和更新文档的内容、结构和样式。

W3C DOM由如下三部分组成：

• 核心DOM - 针对任何结构化文档的标准模型
• XML DOM - 针对 XML 文档的标准模型
• HTML DOM - 针对 HTML 文档的标准模型

 

2.2 DOM的发展－DOM0、DOM一、DOM二、DOM3的区别

DOM0

JavaScript在早期版本中提供了查询和操做Web文档的内容API（如：图像和表单），在JavaScript中定义了定义了'images'、'forms'等，所以咱们能够像下这样访问第一张图片或名为“user”的表单：

document.images[0]
document.forms['user']

这其实是未造成标准的试验性质的初级阶段的DOM，如今习惯上被称为DOM0，即：第0级DOM。因为DOM0在W3C进行标准备化以前出现，还处于未造成标准的初期阶段，这时Netscape和Microsoft各自推出本身的第四代浏览器，自此DOM遍开始出各类问题。

DOM0与DHTML

Netscape Navigator 4和IE4分别发布于1997年的6月和10月，这两种浏览器都大幅扩展了DOM，使JavaScript的功能大大增长，而此时也开始出现一个新名词：DHTML。

DHTML是Dynamic HTML（动态HTML）的简称。DHTML并非一项新技术，而是将HTML、CSS、JavaScript技术组合的一种描述。即：

• 利用HTML把网页标记为各类元素
• 利用CSS设置元素样式及其显示位置
• 利用JavaScript操控页面元素和样式

利用DHTML，看起来能够很容易的控制页面元素，并实现一此本来很复杂的效果（如：经过改变元素位置实现动画）。但事实并不是如此，由于没有规范和标准，两种浏览器对相同功能的实现确彻底不同。为了保持程序的兼容性，程序员必须写一些探查代码以检测JavaScript是运行于哪一种浏览器之下，并提供与之对应的脚本。JavaScript陷入了史无前例的混乱，DHTML也所以在人们心中留下了不好的印象。

DOM1的出现

在浏览器厂商进行浏览器大站的同时，W3C结合你们的优势推出了一个标准化的DOM，并于1998年10月完成了第一级 DOM，即：DOM1。W3C将DOM定义为一个与平台和编程语言无关的接口，经过这个接口程序和脚本能够动态的访问和修改文档的内容、结构和样式。

DOM1级主要定义了HTML和XML文档的底层结构。在DOM1中，DOM由两个模块组成：DOM Core（DOM核心）和DOM HTML。其中，DOM Core规定了基于XML的文档结构标准，经过这个标准简化了对文档中任意部分的访问和操做。DOM HTML则在DOM核心的基础上加以扩展，添加了针对HTML的对象和方法，如：JavaScript中的Document对象

DOM2与DOM3

在DOM1的基础上DOM2和DOM3引入了更多的交互能力，也支持了更高级的XML特性。DOM2和DOM3将DOM分为更多具备联系的模块。DOM2级在原来DOM的基础上又扩充了鼠标、用户界面事件、范围、遍历等细分模块，并且经过对象接口增长了对CSS的支持。DOM1级中的DOM核心模块也通过扩展开始支持XML命名空间。在DOM2中引入了下列模块，在模块包含了众多新类型和新接口：

• DOM视图（DOM Views）：定义了跟踪不一样文档视图的接口
• DOM事件（DOM Events）：定义了事件和事件处理的接口
• DOM样式（DOM Style）：定义了基于CSS为元素应用样式的接口
• DOM遍历和范围（DOM Traversal and Range）：定义了遍历和操做文档树的接口

DOM3进一步扩展了DOM，在DOM3中引入了如下模块：

• DOM加载和保存模块（DOM Load and Save）：引入了以统一方式加载和保存文档的方法
• DOM验证模块（DOM Validation）：定义了验证文档的方法
• DOM核心的扩展（DOM Style）：支持XML 1.0规范，涉及XML Infoset、XPath和XML Base