21、动态 HTML（DHTML）入门与实践

动态 HTML（DHTML）入门与实践

1. 什么是 DHTML

动态 HTML（DHTML）是标准 HTML、CSS 以及通常的 JavaScript 的组合，用于创建动态网页效果。这些效果可以是动画、动态菜单、文本阴影效果、鼠标悬停时显示文本等。

2. 为什么需要 DHTML

正确使用 DHTML 可以显著提升用户体验。不过，DHTML 最初以其华丽的效果而闻名，但这些效果的重要性存疑，使用不当还可能让用户感到厌烦。因此，应更关注 DHTML 的实用方面，尤其是与导航相关的部分。在对网站进行改进时，要思考是否能提升用户体验，是否能让用户更轻松地浏览网站和阅读网页。

3. DHTML 的工作原理

DHTML 可以通过应用某些 CSS 属性，或者使用 JavaScript 来操作 HTML 元素。使用 JavaScript 时，DHTML 利用浏览器的对象模型，这是一个基于 HTML 元素集和 CSS 属性集的对象树。当针对该对象模型进行编码时，可以更改元素的属性，这些属性与元素的特性相关。在 JavaScript 环境中，元素的特性被称为属性，而这些属性的引用方式以及可以对其执行的操作（方法）由文档对象模型（DOM）决定。

4. DHTML 与文档对象模型（DOM）

DOM 是通过通用应用程序编程接口（API）访问网页各部分的标准化过程。实际上，文档中的每个元素都可以通过脚本（通常是 JavaScript）进行访问。虽然访问 DOM 的语言不一定是 JavaScript，也可以是 Java、C# 或 Visual Basic 等，但大多数与浏览器相关的 DOM 活动都由 JavaScri