DHTML 简介

您应当具备的基础知识

在继续学习之前，您需要对下面的知识有基本的了解：

  • HTML
  • CSS
  • JavaScript

如果您希望首先学习这些项目，请在我们的 首页 访问这些教程。

DHTML 不是 W3C 标准

DHTML 指动态 HTML（Dynamic HTML）。

DHTML 不是由万维网联盟（W3C）规定的标准。DHTML 是一个营销术语 - 被网景公司（Netscape）和微软公司用来描述 4.x 代浏览器应当支持的新技术。

DHTML 是一种用来创建动态站点的技术组合物。

对大多数人来说，DHTML 意味着 HTML 4.0、样式表以及 JavaScript 的结合物。

W3C 曾讲过：“动态HTML是一个被某些厂商用来描述可使文档动态性更强的HTML、样式表以及脚本的结合物的术语。”

DHTML 技术

通过 DHTML，Web 开发者可控制如何在浏览器窗口中显示和定位 HTML 元素。

HTML 4.0

通过 HTML 4.0，所有的格式化（信息）可移出HTML文档，并写入一个独立的样式表中。因为 HTML 4.0 可以把文档的表现从其结构中分离，我们可以在不搞乱文档内容的情况下完全地控制表现层。

层叠样式表（CSS）

通过 CSS，我们得到了一种用于 HTML 文档的样式和布局模型。

由于 CSS 使开发者有能力同时控制多个网页的样式和布局，CSS 可以称作 Web 设计领域的一个突破。作为开发者，您可以为每个 HTML 元素定义样式，并把它应用到您希望的任意多的页面上。如果需要做一个全局的改变，只需简单地改变样式，Web 中所有的元素都会被自动地更新。

文档对象模型（DOM）

DOM 指文档对象模型。

HTML DOM 是针对 HTML 的文档对象模型。

HTML DOM 定义了针对 HTML 的一套标准的对象，以及访问和处理 HTML 对象的标准方法。

“W3C 文档对象模型（DOM）是一个中立于语言和平台的接口，它允许程序和脚本动态地访问和更新文档的内容、结构以及样式”。

JavaScript

使您有能力编写可控制所有 HTML 元素的代码。

在 Netscape 4.x 以及 Internet Explorer 4.x 的 DHTML 技术

Netscape 4.x 跨浏览器 DHTML Internet Explorer 4.x
  • JSS（JavaScript 样式表）（允许您控制不同的 HTML 元素如何显示）
  • Layers（允许您控制元素的定位和可见性）
  • CSS1
  • CSS2（允许您控制不同的 HTML 元素如何显示）
  • CSS Positioning (允许您控制元素的定位和可见性)
  • JavaScript
  • 可视滤镜（允许您向文本和图形应用可视效果）
  • 动态 CSS（允许您控制元素的定位和可见性）

注释：只要各种浏览器所创建的属性特征和技术不被其他的浏览器支持，使用 DHTML 进行编码就会产生问题。某个网页在一款浏览器中看上去很棒，在另一款中却非常糟糕。