DHTML手册.zip资源-CSDN文库

共173个文件

html：160个

gif：6个

js：3个

需积分: 10 151 浏览量 2009-09-18 16:17:47 上传评论收藏 1.73MB ZIP 举报

DHTML，全称为Dynamic HTML，即动态HTML，是1990年代中期互联网技术发展中的一个重要概念。它结合了HTML、CSS（层叠样式表）、JavaScript以及浏览器支持的DOM（文档对象模型）来创建交互性和动态效果的网页。DHTML通过在用户与页面之间建立直接的交互性，为静态的HTML页面注入活力，使其能够响应用户的操作，如鼠标点击、滚动等。 DHTML的关键组成部分： 1. **HTML**：基础标记语言，用于构建网页结构。DHTML在传统HTML的基础上增加了事件处理和动态更新的能力。 2. **CSS**：定义网页的布局和样式。DHTML利用CSS可以实现元素的动态定位和动画效果。 3. **JavaScript**：一种解释型的脚本语言，用于编写网页上的交互逻辑。DHTML中，JavaScript主要负责处理用户的输入、改变HTML元素的属性、控制CSS样式以及与服务器进行异步通信。 4. **DOM**：文档对象模型，是HTML和XML文档的抽象表示。通过DOM，JavaScript可以访问和修改文档的任何部分，从而实现动态更新内容。 DHTML的应用场景： 1. **交互式导航**：例如下拉菜单、滑动条、可展开/折叠的内容区域等，这些都可以通过DHTML实现。 2. **动态内容更新**：无需刷新整个页面，只更新部分区域，如实时股票报价、天气预报等。 3. **动画效果**：利用JavaScript和CSS可以创建各种动画效果，如淡入淡出、滑动效果、旋转等。 4. **表单验证**：在客户端进行表单数据的验证，提高用户体验，减轻服务器压力。 5. **AJAX（异步JavaScript和XML）**：虽然不是DHTML的一部分，但AJAX技术的兴起得益于DHTML的发展，它使得页面能够在不刷新的情况下与服务器交换数据并局部更新。然而，DHTML也存在一些局限性，比如兼容性问题，由于不同的浏览器对DHTML的支持程度不一，开发者需要编写大量代码来确保在各个浏览器上正常工作。此外，过度依赖DHTML可能会导致页面加载速度变慢，影响用户体验。随着Web技术的进一步发展，如HTML5、CSS3和现代JavaScript框架（如React、Vue、Angular等）的出现，DHTML的概念已经被更强大的技术所取代。这些新技术提供了更好的跨平台兼容性，更丰富的功能，以及更高效的开发方式。然而，理解DHTML对于了解Web前端历史和技术演进过程仍然是很有价值的。

资源推荐

资源详情

资源评论

收起资源包目录

DHTML手册.zip （173个子文件）

common.css 3KB

ieget_animated.gif 7KB

prev.gif 851B

next.gif 850B

uplv.gif 844B

leave-ms.gif 266B

new.gif 87B

index.htm 3KB

properties.html 264KB

DIV.html 243KB

FORM.html 241KB

TABLE.html 241KB

A.html 241KB

TEXTAREA.html 237KB

MARQUEE.html 236KB

LI.html 235KB

OL.html 234KB

UL.html 234KB

P.html 229KB

TD.html 229KB

BODY.html 229KB

DD.html 229KB

PRE.html 229KB

FIELDSET.html 228KB

BLOCKQUOTE.html 228KB

INPUT_text.html 227KB

DT.html 227KB

MENU.html 227KB

DL.html 227KB

Hn.html 227KB

CENTER.html 225KB

INPUT_password.html 224KB

INPUT_image.html 223KB

DIR.html 223KB

TH.html 223KB

SPAN.html 222KB

INPUT_radio.html 221KB

XMP.html 221KB

IMG.html 220KB

BUTTON.html 220KB

INPUT_checkbox.html 219KB

INPUT_button.html 218KB

INPUT_submit.html 217KB

INPUT_file.html 217KB

INPUT_reset.html 217KB

TT.html 216KB

LABEL.html 215KB

CITE.html 215KB

STRONG.html 214KB

I.html 214KB

SUB.html 214KB

SUP.html 214KB

STRIKE.html 214KB

S.html 214KB

BIG.html 214KB

SMALL.html 214KB

U.html 214KB

SAMP.html 213KB

KBD.html 213KB

EM.html 213KB

VAR.html 212KB

B.html 212KB

CAPTION.html 206KB

CODE.html 205KB

DFN.html 205KB

LISTING.html 203KB

custom.html 203KB

ADDRESS.html 202KB

LEGEND.html 197KB

OBJECT.html 189KB

FONT.html 185KB

TR.html 181KB

IFRAME.html 175KB

Q.html 164KB

ACRONYM.html 164KB

SELECT.html 164KB

BDO.html 160KB

TBODY.html 159KB

HR.html 159KB

INS.html 158KB

DEL.html 158KB

TFOOT.html 157KB

THEAD.html 157KB

EMBED.html 154KB

obj_style.html 146KB

NOBR.html 145KB

APPLET.html 145KB

FRAME.html 142KB

runtimeStyle.html 136KB

COL.html 126KB

COLGROUP.html 122KB

RUBY.html 122KB

RT.html 118KB

OPTION.html 116KB

ISINDEX.html 112KB

AREA.html 112KB

currentStyle.html 111KB

FRAMESET.html 103KB

methods.html 97KB

defaults.html 94KB

共 173 条

<html><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=gb2312"> <META http-equiv="Content-Language" content="zh-cn"> <TITLE>DHTML 参考手册 - 属性列表</TITLE> <STYLE TYPE="text/css"> @import url("common.css"); </style> </HEAD> <BODY> <H1><A NAME="om40_ElementObjs">DHTML 属性</A></H1> <HR SIZE="1"> <P>下面列出了动态 HTML(DHTML) 对象模型中的属性。</P> <P CLASS="clsRef">标签属性/属性</P> <BLOCKQUOTE> <TABLE CLASS="clsStd"> <TR> <TD><A HREF="javascript:if(confirm('http://www.phpx.com/man/dhtmlcn/properties/important.html \n\n文件并未依 Teleport Pro 取回，因为服务器报告未找到此文件。 \n\n你要从服务器上打开它吗？'))window.location='http://www.phpx.com/man/dhtmlcn/properties/important.html'" tppabs="http://www.phpx.com/man/dhtmlcn/properties/important.html">!important</A></TD> <TD>增加特定规则的重要性。</TD> </TR> <TR> <TD><A HREF="javascript:if(confirm('http://www.phpx.com/man/dhtmlcn/properties/active.html \n\n文件并未依 Teleport Pro 取回，因为服务器报告未找到此文件。 \n\n你要从服务器上打开它吗？'))window.location='http://www.phpx.com/man/dhtmlcn/properties/active.html'" tppabs="http://www.phpx.com/man/dhtmlcn/properties/active.html">:active</A></TD> <TD>设置当链接处于激活状态时 <A HREF="A.html" tppabs="http://www.phpx.com/man/dhtmlcn/objects/A.html">a</A> 元素的样式。</TD> </TR> <TR> <TD><A HREF="javascript:if(confirm('http://www.phpx.com/man/dhtmlcn/properties/firstLetter.html \n\n文件并未依 Teleport Pro 取回，因为服务器报告未找到此文件。 \n\n你要从服务器上打开它吗？'))window.location='http://www.phpx.com/man/dhtmlcn/properties/firstLetter.html'" tppabs="http://www.phpx.com/man/dhtmlcn/properties/firstLetter.html">:first-letter</A></TD> <TD>在<span replace="1">对象</span>的第一个字符上应用一个或多个样式。</TD> </TR> <TR> <TD><A HREF="javascript:if(confirm('http://www.phpx.com/man/dhtmlcn/properties/firstLine.html \n\n文件并未依 Teleport Pro 取回，因为服务器报告未找到此文件。 \n\n你要从服务器上打开它吗？'))window.location='http://www.phpx.com/man/dhtmlcn/properties/firstLine.html'" tppabs="http://www.phpx.com/man/dhtmlcn/properties/firstLine.html">:first-line</A></TD> <TD>在<span replace="1">对象</span>的第一行上应用一个或多个样式。</TD> </TR> <TR> <TD><A HREF="javascript:if(confirm('http://www.phpx.com/man/dhtmlcn/properties/hover.html \n\n文件并未依 Teleport Pro 取回，因为服务器报告未找到此文件。 \n\n你要从服务器上打开它吗？'))window.location='http://www.phpx.com/man/dhtmlcn/properties/hover.html'" tppabs="http://www.phpx.com/man/dhtmlcn/properties/hover.html">:hover</A></TD> <TD>设置当用户将鼠标指针悬停在链接上时 <B>a</B> 元素的样式。</TD> </TR> <TR> <TD><A HREF="javascript:if(confirm('http://www.phpx.com/man/dhtmlcn/properties/link.html \n\n文件并未依 Teleport Pro 取回，因为服务器报告未找到此文件。 \n\n你要从服务器上打开它吗？'))window.location='http://www.phpx.com/man/dhtmlcn/properties/link.html'" tppabs="http://www.phpx.com/man/dhtmlcn/properties/link.html">:link</A></TD> <TD>设置当链接最近没有访问过时 <B>a</B> 元素的样式。</TD> </TR> <TR> <TD><A HREF="javascript:if(confirm('http://www.phpx.com/man/dhtmlcn/properties/visited.html \n\n文件并未依 Teleport Pro 取回，因为服务器报告未找到此文件。 \n\n你要从服务器上打开它吗？'))window.location='http://www.phpx.com/man/dhtmlcn/properties/visited.html'" tppabs="http://www.phpx.com/man/dhtmlcn/properties/visited.html">:visited</A></TD> <TD>设置当链接最近访问过时 <B>a</B> 元素的样式。</TD> </TR> <TR> <TD><A HREF="javascript:if(confirm('http://www.phpx.com/man/dhtmlcn/properties/charset_1.html \n\n文件并未依 Teleport Pro 取回，因为服务器报告未找到此文件。 \n\n你要从服务器上打开它吗？'))window.location='http://www.phpx.com/man/dhtmlcn/properties/charset_1.html'" tppabs="http://www.phpx.com/man/dhtmlcn/properties/charset_1.html">@charset</A></TD> <TD>设置外部样式表的字符集。</TD> </TR> <TR> <TD><A HREF="javascript:if(confirm('http://www.phpx.com/man/dhtmlcn/properties/fontface.html \n\n文件并未依 Teleport Pro 取回，因为服务器报告未找到此文件。 \n\n你要从服务器上打开它吗？'))window.location='http://www.phpx.com/man/dhtmlcn/properties/fontface.html'" tppabs="http://www.phpx.com/man/dhtmlcn/properties/fontface.html">@font-face</A></TD> <TD>设置要嵌入 HTML 文档的字体。</TD> </TR> <TR> <TD><A HREF="javascript:if(confirm('http://www.phpx.com/man/dhtmlcn/properties/import.html \n\n文件并未依 Teleport Pro 取回，因为服务器报告未找到此文件。 \n\n你要从服务器上打开它吗？'))window.location='http://www.phpx.com/man/dhtmlcn/properties/import.html'" tppabs="http://www.phpx.com/man/dhtmlcn/properties/import.html">@import</A></TD> <TD>导入一个外部样式表。</TD> </TR> <TR> <TD><A HREF="javascript:if(confirm('http://www.phpx.com/man/dhtmlcn/properties/media_1.html \n\n文件并未依 Teleport Pro 取回，因为服务器报告未找到此文件。 \n\n你要从服务器上打开它吗？'))window.location='http://www.phpx.com/man/dhtmlcn/properties/media_1.html'" tppabs="http://www.phpx.com/man/dhtmlcn/properties/media_1.html">@media</A></TD> <TD>设置 <A HREF="obj_styleSheet.html" tppabs="http://www.phpx.com/man/dhtmlcn/objects/obj_styleSheet.html">styleSheet</A> 对象中一组规则的媒体类型。</TD> </TR> <TR> <TD><A HREF="javascript:if(confirm('http://www.phpx.com/man/dhtmlcn/properties/page.html \n\n文件并未依 Teleport Pro 取回，因为服务器报告未找到此文件。 \n\n你要从服务器上打开它吗？'))window.location='http://www.phpx.com/man/dhtmlcn/properties/page.html'" tppabs="http://www.phpx.com/man/dhtmlcn/properties/page.html">@page</A></TD> <TD>设置 <B>styleSheet</B> 中页面框的尺寸、方向和边距。</TD> </TR> <TR> <TD><A HREF="abbr.html" tppabs="http://www.phpx.com/man/dhtmlcn/properties/abbr.html">abbr</A><IMG SRC="new.gif" tppabs="http://www.phpx.com/man/dhtmlcn/common/new.gif" WIDTH="21" HEIGHT="11" BORDER=0 ALT="Microsoft® Internet Explorer 6 新增"></TD> <TD>设置或获取<span replace="1">对象</span>的缩写文本。</TD> </TR> <TR> <TD><A HREF="accelerator.html" tppabs="http://www.phpx.com/man/dhtmlcn/properties/accelerator.html">accelerator</A></TD> <TD>设置或获取表明<span replace="1">对象</span>是否包含快捷键的字符串。</TD> </TR> <TR> <TD><A HREF="accept.html" tppabs="http://www.phpx.com/man/dhtmlcn/properties/accept.html">accept</A><IMG SRC="new.gif" tppabs="http://www.phpx.com/man/dhtmlcn/common/new.gif" WIDTH="21" HEIGHT="11" BORDER=0 ALT="Microsoft® Internet Explorer 6 新增"></TD> <TD>设置或获取以逗号分隔的内容类型列表。</TD> </TR> <TR> <TD><A HREF="javascript:if(confirm('http://www.phpx.com/man/dhtmlcn/properties/acceptCharset.html \n\n文件并未依 Teleport Pro 取回，因为服务器报告未找到此文件。 \n\n你要从服务器上打开它吗？'))window.location='http://www.phpx.com/man/dhtmlcn/properties/acceptCharset.html'" tppabs="http://www.phpx.com/man/dhtmlcn/properties/acceptCharset.html">acceptCharset</A></TD> <TD>设置或获取处理表单的服务器必须接受的输入数据所用的字符编码方式列表。</TD> </TR> <TR> <TD><A HREF="javascript:if(confirm('http://www.phpx.com/man/dhtmlcn/properties/accessKey.html \n\n文件并未依 Teleport Pro 取回，因为服务器报告未找到此文件。 \n\n你要从服务器上打开它吗？'))window.location='http://www.phpx.com/man/dhtmlcn/properties/accessKey.html'" tppabs="http://www.phpx.com/man/dhtmlcn/properties/accessKey.html">accessKey</A></TD> <TD>设置或获取<span replace="1">对象</span>的快捷键。</TD> </TR> <TR> <TD><A HREF="javascript:if(confirm('http://www.phpx.com/man/dhtmlcn/properties/action.html \n\n文件并未依 Teleport Pro 取回，因为服务器报告未找到此文件。 \n\n你要从服务器上打开它吗？'))window.location='http://www.phpx.com/man/dhtmlcn/properties/action.html'" tppabs="http://www.phpx.com/man/dhtmlcn/properties/action.html">action</A></TD> <TD>设置或获取<A HREF="FORM.html" tppabs="http://www.phpx.com/man/dhtmlcn/objects/FORM.html">表单</A>内容要发送处理的 URL。</TD> </TR> <TR> <TD><A

评论收藏

内容反馈