📄 8.1.htm
字号:
<html>
<head>
<title>Untitled Document</title>
<LINK REL ="stylesheet" TYPE = "text/css" HREF = ".../contents.css">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body bgcolor="#FFFFFF">
<h1 align="center">DHTML 概述</h1>
<p>首先我们看一看微软官方站点 microsoft.com 中的一个重要界面特性，如书中图 8.1 所示（也可以直接访问www.microsoft.com）--当浏览者将鼠标指针移动到页面导航条上时，会动态地弹出一个菜单，在该菜单中移动鼠标，所指向的菜单项变为红色显示；如果将鼠标指针移出菜单所在范围，则菜单自动隐藏；如果将鼠标指针移动到导航条上另外一个区域，则会弹出另外一个菜单。</p>
<p>
这种效果非常类似于 Windows 应用程序的特性，即通过图形化的界面为用户提供尽可能多的功能。实际上，采用这种方式可以使同一个页面上包含更多的信息，对于
microsoft.com 这样庞大的站点来说十分有用。<p>
要实现这种效果，单纯依靠 HTML 和 JavaScript 已经无法实现，必须采用新的技术--这就是动态 HTML。<p>
动态 HTML（Dynamic HTML，简称 DHTML）并不是一门新的语言，它只是 HTML、CSS 和客户端脚本的一种集成。DHTML 建筑在原有技术的基础上，可分为三个方面：
<ul>
<li> HTML</li>
</ul>
<p>
也就是页面中的各种页面元素对象，它们是实际被动态操纵的内容。
<ul>
<li> CSS</li>
</ul>
<p>
CSS 是 Cascading Style Sheet 的缩写，一般译为层叠样式表。CSS 是一种格式化网页的标准方式，它扩展了 HTML 的功能。CSS
属性也是动态操纵的内容，从而获得动态的格式效果。
<ul>
<li> 客户端脚本</li>
</ul>
<p>
客户端脚本（例如 JavaScript）是 DHTML 技术的关键，它实际操纵 Web 页上的 HTML 和 CSS。<p>
使用 DHTML 技术，可使网页设计者创建出能够与用户交互并包含动态内容的页面。实际上，DHTML 使网页设计者可以动态操纵网页上的所有元素--甚至是在这些页面被装载以后。利用
DHTML，网页设计者可以动态地隐藏或显示内容、修改样式定义、激活元素以及为元素定位。DHTML 还可使网页设计者在Web页上显示外部信息，方法是将元素捆绑到外部数据源（如文件和数据库）上。<p>
所有这些功能均可用浏览器完成而无需请求 Web 服务器，同时也无需重新装载 Web 页。这是因为一切功能都包含在 HTML 文件中，随着对网页的请求而一次性下载到浏览器端。这种方式改善了用户的操作感觉同时又缩短了下载的时间，降低了网络传输量以及
Web 服务器的负载。<p>
注意：虽然 DHTML 能实现很强大的功能，但由于它是一个新技术，因此只在最新的浏览器中得到支持，例如 Internet Explorer 4.0/5.0、Netscape
Navigator 4.0 等。另外，对于不同的浏览器，DHTML 的实现往往是不同的，需要编写不同的代码（本书均以 IE 为例）。所以，网页设计者需要仔细地编写
DHTML，并确保彻底测试 Web 页，以便使自己的网页更专业和稳定（实际上，微软站点中使用的 DHTML 特性就可用于多种浏览器）。
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -