网络编程
位置:首页>> 网络编程>> 网页设计>> 什么是Dynamic HTML(Dhtml)

什么是Dynamic HTML(Dhtml)

作者:佚名  发布时间:2010-03-16 12:40:00 

标签:Dhtml,网页设计,语言

什么是Dynamic HTML 今天我们以问答的形式来讲述什麽是Dynamic Html。

问:亲爱的网猴,我经常看到讲述有关“Dynamic HTML的教程。但是我不知道Dynamic HTML是什麽。我认为你应该写一些有关这方面的内容。

答:你说的很对。今天就让我们来讲讲有关这方面的内容。

首先Dynamic HTML是一种制作网页的方式,而不是一种网络技术(就象JavaScript和ActiveX);它也不是一个标记,一个插件或者是一个浏览器。

Dynamic HTML(或者叫dHTML或DHTML)是一个不错的网页制作方法。它可以通过JavaScript,VBScript,Document Object Modle(DOM),layers或者CSS来实现。(DHTML在不同的浏览器,被实现的效果也不同。)

说到这里,你也许要问:dHTML能实现什麽样的效果?他能改变页面中的一些效果,例如:当你的鼠标移到一幅图片的上面时,该图片能变为另一幅图。

也许你会问:当页面已经被下载到你的计算机上时,我们如何才能改变页面的效果呢?这就需要有一种技术告诉浏览器如何去改变页面中的效果。而这些技术就组成了dHTML:

1)Dynamic HTML是一种客户端的脚本语言

人们已经使用客户端的脚本语言(例如:JavaScript和VBScript)来改变HTML代码很常一段时间了。如果当你把鼠标放在一幅图片上时,该幅图片就改变显示效果,那它就是一个dynamic HTML例子。在Microsoft和Netscape发布的4.0级的浏览器,允许使用脚本语言去改变HTML语言中大多数的元素。能够被脚本语言改变的页面元素被叫做文件目标模型(Document Object Model)。

2)Dynamic HTML中的另一种形式:DOM

在感觉上,DOM应该是dynamic HTML中的核心内容。是它使得HTML代码能够被改变。DOM是在特定的时间在浏览器中被表示元素中的一个层。它包括一些有关环境的一些信息,例如:当前的时间和日期,浏览器的版本号,该网页的URL以及HTML中的元素(例如:p标记,divs或者表格标记)。通过开放这些DOM给脚本语言,浏览器就允许你来改变这些元素了。相对来说:还有一些元素不能被直接的被改变,但是你能通过使用脚本语言来改变一些其它元素来改变它们。

就象Taylor已经讲过的一样,DOM在IE4之前就出现了。在你使用IE4时,在IE4中运行的任何脚本语言,都能改变网页中的任何元素。

(虽然Netscape中的DOM使用权限与IE4比较受到了很大的限制,但是你能够将你所想要改变的内容放在一个layes(层)中,你可以通过改变层来改变你所想要改变的内容。并且Netscape声称他以后推出的浏览器将更好的支持W3C的DOM标准。

在DOM中有一部分内容,他专门用来指定什麽元素能够改变,他就是事件模型。所谓事件就是把鼠标放在一个页面元素上(onmouseover),加载一个页面(onload),提交一个表单(onsubmit),在表单文字的输入部分,用鼠标点击一下(onfocus)等等。

3)第三种Dynamic HTML方式:CSS

因为CSS是DOM中的一部分,所以脚本语言能够改变CSS中的一些属性。通过改变CSS,使你能够改变页面中的许多显示效果。这些效果包括:颜色,位置以及大小。

好了,这里该进行一些总结。你所改变的是CSS,而DOM来改变这些元素(CSS),那麽客户端的脚本语言来改变DOM。这就是Dynamic HTML。

为了学到更多有关Dynamic HTML方面的知识,请你去看动态HTML教程。

0
投稿

猜你喜欢

  • // 执行AJAX请求的通用函数//带一个参数,是包含一系列选项的对象function ajax(options){//如果用户没有提供某个
  • JS代码:function showFlash(src,w,h){    html&nbs
  • 安装 SQL2000 时,系统经常会提示:操作被挂起,要求重新启动计算机,如图1: 图1重新启动后,再次安装时问题仍然存在。解决办
  • 调用很简单 Readkid.motion.tween(target,duration, vars)target: 要缓动的DOM对象dura
  • 当你连接到MySQL服务器时,你应使用一个密码。密码不以明文在上传输。客户端连接序列中的密码处理在MySQL 4.1.1中已经升级,很安全。
  • BIT[(M)]位字段类型。M表示每个值的位数,范围为从1到64。如果M被省略, 默认为1。TINYINT[(M)] [UNSIGNED]
  • 淘宝商城的 detail 页面“产品详情”部分是商家自定义区块,曾出现这样一个问题:推荐:css行高:line-height属性详解 <
  • 呵呵,先说明一下下面的程序大部分收集自网络,因为本人在asp编程中经常使用到随机函数,所以收集了一些这类的函数,并做了些注释,方便使用。首发
  • asp压缩access数据库(带密码)方法:以下是一个类文件,下面的注解是调用类的方法 注意:如果系统不支持建立Scripting
  • 在某些情况下,比如自动补全(auto complete)的输入框中,需要使用keyup事件来监听键盘的输入以迅速作出回应。关键在于keyup
  • 原文地址:30 Days of Mootools 1.2 Tutorials - Day 4 - Functions函数和MooTools
  • 1.视图的概述 视图其实就是一条查询sql语句,用于显示一个或多个表或其他视图中的相关数据。视图将一个查询的结果作为一个表来使用,因此视图可
  • <script language="javascript"><!--  var&n
  • 问:如何在SQL Enterprise Manager version 6.5下操作SQL Server 6.0的服务器?答:在使用SQL
  • Debian Etch Linux上成功安装了MySQL 5.0.27 icc版本,并使用JDBC测试中文成功!中文问题的关键是全部使用UT
  • 表单递交合法性检测-只接受数字。如下代码加入HTML的<head>区:<SCRIPT LANGUAGE=&quo
  • 中文字体设计发展到现在,风格越来越多样化,特别是在广告(美术)字体方面,因为字数少 局限小,优秀的作品层出不穷,比较突出的应用在标志设计唱片
  • 小的本身是一个平面设计人员,前一阵儿有一些空闲的时间,便在各个站长网上发布了贴子,大意是免费制作logo,以换取网站连接(相信很多人都看过)
  • 设计首页的第一步是设计版面布局。就象传统的报刊杂志编辑一样,我们将网页看作一张报纸,一本杂志来进行排版布局。虽然 * 页技术的发展使得我们开
  •  是因工作需要做的一个批量修改代码的小东西,拿出来与大家分享。 目前可以处理的文件类型:.asp .inc .htm .html
手机版 网络编程 asp之家 www.aspxhome.com