第5篇 文档对象模型(DOM).pptVIP

第5章 文档对象模型(DOM) 文档对象模型（Document Object Model：DOM），最初是W3C为了解决浏览器混战时代不同浏览器环境之间的差别，而制定的模型标准，主要是针对IE和Netscape Navigator。W3C解释为：“文档对象模型（DOM）是一个能够让程序和脚本动态访问和更新文档内容、结构和样式的语言平台，提供了标准的HTML和XML对象集，并有一个标准的接口来访问并操作它们。”它使得程序员可以很快捷地访问HTML或XML页面上的标准组件，如元素、样式表、脚本等等并作相应的处理。 5.1 DOM概述 JavaScript使用两种主要的对象模型：浏览器对象模型（BOM）和文档对象模型（DOM），前者提供了访问浏览器各个功能部件，如浏览器窗口本身、浏览历史等的操作方法；后者则提供了访问浏览器窗口内容，如文档、图片等各种HTML元素以及这些元素包含的文本的操作方法。 DOM不同版本的存在给客户端程序员带来了很多的挑战，编写当前浏览器中最新对象模型支持的JavaScript脚本相对比较容易，但如果使用早期版本的浏览器访问这些网页，将会出现不支持某种属性或方法的情况。 5.1.1 基本对象模型 基本对象模型提供了一个非常基础的文档对象层次结构，如图所示，并最先受到NN2的脚本支持。在该模型中，Window位于对象层次的最高级，包括全部的document对象，同时具有其他对象所没有的属性和方法。 5.1.2 Netscape Navigator浏览器扩展 基本对象模型最先在NN2中获得支持，尽管其功能十分有限，也为文档对象模型的发展奠定了坚实的基础。在NN3中通过访问嵌入对象、Applet应用程序、插件等内容，使第一个简单、类似于DHTML的应用程序的出现成为可能，且脚本语言能访问更多的文档属性和方法，可以说，NN3的出现翻开了文档对象模型（DOM）发展史上具有变革意义的一页。 5.1.3 Internet Explorer浏览器扩展 IE3是IE家族较早支持文档对象模型的浏览器，其对象模型基于5.1.1节的基本对象模型，但是扩展了几个属性，如frame[]数组等。IE3中对象模型如图所示。 5.1.4 Opera、Mozilla和其他浏览器扩展 由于IE的漏洞及运行速度问题，很多工程专业的使用者采用Opera、Mozilla及其他的浏览器。这些浏览器一般非常严格执行W3C和ECMA标准，而不采用IE和NN的特有对象模型(一些也提供对NN2和IE3对象模型的支持)，主要致力于在W3C标准的基础上进行开发。 5.1.5 W3C DOM 客户端Web应用程序开发人员面对的最大障碍在于DOM有很多不同的版本，同时在浏览器版本更替过程中，对象模型又不是统一的，如果需要在不同浏览器环境中运行该网页，将会发现对象的很多属性或方法，甚至某些对象都不起作用。W3C文档对象模型(DOM)是一个中立的接口语言平台，为程序以及脚本动态地访问和更新文档内容，结构以及样式提供一个通用的标准。它将把整个页面(HTML或XML)规划成由节点分层构成的文档，页面的每个部分都是一个节点的衍生物，从而使开发者对文档的内容和结构具有空前的控制力，用DOM API可以轻松地删除、添加和替换指定的节点。 5.1.6 W3C DOM规范级别 DOM规范是一个逐渐发展的概念，规范的发行通常与浏览器发行的时间不很一致，导致任何特定的浏览器的发行版本都只包括最近的W3C版本。 5.2 文档对象模型的层次 文档对象模型具有层次结构，由于JavaScript是基于对象的编程语言，而不是面向对象的编程语言，所以在JavaScript编程中不必考虑类及类的实例、继承等比较难懂的编程术语，只需充分了解不同浏览器中文档对象模型的层次结构。引用对象的能力决定了代码的功能，而对象则依赖于其在文档对象模型中的层次。知道了对象在文档对象模型中所处的层次，就可以用JavaScript准确定位并操作该对象。 5.3 文档对象的产生过程 在面向对象或基于对象的编程语言中，指定对象的作用域越小，对象位置的假定也就越多。对客户端JavaScript脚本而言，其对象一般不超过浏览器，脚本不会访问计算机硬件、操作系统、其他程序等其他超出浏览器的对象。 5.4 对象的属性和方法 DOM将文档表示为一棵枝繁叶茂的家谱树，如果把文档元素想象成家谱树上的各个