DHTML是Dynamic HTML的简称,就是动态的html(标准通用标记语言下的一个应用),是相对传统的静态的html而言的一种制作网页的概念。所谓动态HTML(Dynamic HTML,简称DHTML),其实并不是一门新的语言,它只是HTML、CSS和客户端脚本的一种集成,即一个页面中包括html+css+javascript(或其它客户端脚本),其中css和客户端脚本是直接在页面上写而不是链接上相关文件。DHTML不是一种技术、标准或规范,只是一种将目前已有的网页技术、语言标准整合运用,制作出能在下载后仍然能实时变换页面元素效果的网页设计概念。
DHTML建立在原有技术的基础上,可分为三个方面:
一是HTML(XHTML),也就是页面中的各种页面元素对象,它们是被动态操纵的内容;
二是CSS,CSS属性也是动态操纵的内容,从而获得动态的格式效果;
三是客户端脚本(例如JavaScript),它实际操纵Web页上的HTML和CSS。
使用DHTML技术,可使网页设计者创建出能够与用户交互并包含动态内容的页面。实际上,DHTML使网页设计者可以动态操纵网页上的所有元素——甚至是在这些页面被装载以后。利用DHTML,网页设计者可以动态地隐藏或显示内容、修改样式定义、激活元素以及为元素定位。DHTML还可使网页设计者在网页上显示外部信息,方法是将元素捆绑到外部数据源(如文件和数据库)上。所有这些功能均可用浏览器完成而无需请求Web服务器,同时也无需重新装载网页。这是因为一切功能都包含在HTML文件中,随着对网页的请求而一次性下载到浏览器端。
<html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <head> <style> h2 { width:100%; } </style> </head> <body> <h2 style="filter:glow()">发光</h2> <h2 style="filter:blur()">模糊</h2> <h2 style="filter:fliph()">Flip H</h2> <h2 style="filter:flipv()">Flip V</h2> <h2 style="filter:shadow()">阴影</h2> <h2 style="filter:dropshadow()">阴影</h2> <h2 style="filter:wave(Strength=2)">波浪</h2> <p>注释:如果元素的 width 属性没有设置,那么滤镜不会起作用。</p> </body> </html>
效果图:
相关推荐
1. **DHTML简介**:解释DHTML的概念,为何需要DHTML,以及它在现代Web开发中的地位。 2. **HTML基础**:介绍HTML的基本语法,常用标签和属性,以及HTML5的新特性。 3. **CSS入门**:讲解CSS的选择器、属性和层叠规则...
2. **CSS简介**:介绍CSS选择器、属性和值,如何定义样式规则,以及如何应用样式到HTML元素,以实现视觉效果。 3. **JavaScript入门**:讲解JavaScript的基础语法,如变量、数据类型、运算符和控制流程,以及如何...
超全面javaweb教程28天-day3_14_DHTML的简介
**DHTML 手册简介** DHTML(Dynamic HTML)是一种技术集合,用于增强网页的交互性和动态性。它结合了HTML、CSS(层叠样式表)、JavaScript和DOM(文档对象模型),使得网页不仅能够显示静态内容,还能实现动态效果...
##### 4.1 DHTML 简介 DHTML (Dynamic HTML) 是一种技术组合,它结合了 HTML、CSS 和 JavaScript 来创建动态的 Web 页面。 ##### 4.2 DHTML 对象模型 DHTML 对象模型定义了浏览器中的各种对象及其相互间的关系,...
##### 4.1 DHTML简介 - **定义**:动态HTML,结合HTML、CSS、DOM和JavaScript实现动态网页。 - **对象模型**:DOM模型,用于操作文档结构。 ##### 4.2 window对象 - **介绍**:顶级对象,表示浏览器窗口。 - **常用...
简介** DHTML(Dynamic HTML)是一种在Web页面上创建动态交互效果的技术,它结合了HTML、CSS、JavaScript以及DOM(Document Object Model)等技术,使网页内容能够实时更新,无需刷新整个页面。DHTML的默认行为是...
资源名称:DHTML对象模型中文手册内容简介: DHTML文档对象模型中文手册,介绍DHTML文档的简介、内置方法以及网页常用颜色表附录,属CSS网站重构的内容。资源截图: 资源太大,传百度网盘了,链接在附件中,有需要的...
内容简介 《JavaScript+DHTML语法与范例详解词典》词条包含的主要内容有JavaScript的全局函数和基础对象的函数和属性;如何通过JavaScript DOM对象来动态地操作整个HTML文档,对HTML元素进行添加、移动、修改或删除...
#### 一、DHTML与Javascript简介 **DHTML**(Dynamic HTML)是一种结合了HTML、CSS、DOM 和 JavaScript 技术的技术集合,它使得网页能够更加动态地改变其内容和外观,而无需重新加载整个页面。DHTML 的核心在于能够...
目录 简介 成批处理 DHTML 更改 使用 innerText 使用 DOM 添加单个元素 扩展 SELECT 元素中的选项 用 DOM 更新表 编写一次,使用多次 请勿过多使用动态属性 数据绑定很有效 不要在 document 对象中设置...
ASP.NET简介与重要性 - **ASP.NET**是一种由微软开发的用于构建动态网页的技术,它基于.NET框架,支持多种编程语言如C#、VB.NET等。相较于传统的ASP(Active Server Pages),ASP.NET提供了更强大的功能和更高效的...
- **DOM结构简介**:DOM是一种标准,用于定义和修改HTML文档中的元素和内容。DOM将文档视为由节点和对象组成的树结构。 - **DOM元素间的关系**: - **父节点**:直接位于另一个节点上方的节点。 - **子节点**:...
### JSP技术简介 #### 一、JSP技术概述 JSP(Java Server Pages)是一种由Sun Microsystems(现已被Oracle收购)开发的用于构建动态Web应用程序的技术。它以简单易学且具有良好的跨平台特性而著称,在众多动态Web...
二、CocoStudio简介 CocoStudio作为Cocos2d-x的配套工具,提供了以下主要功能: 1. 资源管理:集中管理游戏中的图片、音频、动画等资源。 2. 场景编辑器:可视化编辑游戏场景,拖拽式操作,减少代码编写工作。 3. ...
"说明.htm"可能是手册的索引或简介,提供了文档的结构和使用指南,帮助读者更好地理解和使用这份资源。它可能包含了如何查找特定信息、如何应用这些知识到实际项目中等内容。 "代码中国.txt"可能是一些示例代码或...
#### 九、HTML4.0规范简介 - **HTML4.0 Specification**:HTML4.0是1997年发布的一个版本,它扩展了HTML早期版本的功能,并引入了更多多媒体选项、脚本语言支持、样式表支持等。 - **国际标准化**:HTML4.0遵循ISO ...
对于想要学习更多关于DHTML和HTC的开发者,可以参考微软的MSDN开发文档,其中包含了详细的DHTML编程指南、属性和方法的使用说明,以及丰富的示例程序。通过持续学习和实践,开发者可以更好地理解和掌握这一历史性的...
2. **README.mdown**:这是一个Markdown格式的文档,通常包含项目的简介、安装指南、使用方法等重要信息。 3. **CHANGELOG.txt**:记录了项目各个版本的更新日志,开发者可以从中了解新功能、改进和已知问题。 4. ...