web基础之认识动态HTML（DHTML）

动态HTML（DHTML）

动态HTML(DHTML)不是一项单独一向技术，而是一组协同工作的的技术，用来在网页下载完成后对其进行改变。这些技术允许网页响应用户的行为。使用的技术包括：DOM（文档对象模型）、CSS、JavaScript。

·DOM（文档对象模型）：DOM定义了网页上的每一对象和元素，它的层级结构可以用来访问页面元素和将样式应用于页面元素。如下图展示了大多数浏览器中都一直的基础DOM的一部分。造成DHTML如此复杂的一个重要因素是并非所有的Web浏览器都使用相同的DOM。如前有三种常见的DOM：W3C DOM，Gecko DOM(Mozilla 和 Firefox浏览器使用)以及WebKit DOM(Safari和谷歌浏览器使用)。最新版的浏览器，比如IE，Firefox和Opera都支持W3C DOM（虽然在支持W3C DOM的同时，这些浏览器还引入了自己的特殊增强）。

·CSS（层叠样式表）：应用于网页元素、在网页上定位元素、甚至改变元素的可见性。

·客户端脚本（JavaScript）：脚本语言（比如JavaScript、VBScript或JScript）都可用来访问DOM和操纵网页元素。

DHTML的常见用途：

·隐藏和显示文本：经常用DHTML改变对锚标记或对象进行描述的文本的外观。

·导航：鼠标指针进过时，菜单显现和隐藏

·图像效果：从更换图像到播放幻灯片都可以使用DHTML来实现

免费DHTML资源：

·http://dynamicdrive.com

·http://brainjar.com(转为较新的浏览器版本设计的)

·http://www.dhtmlgoodies.com

以上内容整理自Web开发与设计基础（第5版）Terry Felke-Morris