什么是Dynamic HTML(Dhtml)

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

什么是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教程。

标签:Dhtml,网页设计,语言
0
投稿

猜你喜欢

  • JavaScript入门学习书籍的阶段选择

    2008-01-11 19:39:00
  • IE6终极备忘单——对IE6单独兼容[译]

    2010-01-21 18:34:00
  • 通过分析SQL语句的执行计划优化SQL

    2011-10-24 20:03:20
  • ASP设计常见问题及解答精要

    2009-04-21 11:16:00
  • 解剖JavaScript中的null和undefined

    2009-03-01 12:49:00
  • 和“登录”有关的事儿

    2009-07-10 17:37:00
  • ASP如何跳出本次进入下一次循环

    2008-10-23 13:46:00
  • MySQL数据库备份和还原的常用命令

    2012-01-05 18:50:06
  • SQLserver中字符串查找功能patindex和charindex的区别

    2012-06-06 20:20:42
  • 如何恢复/修复SQL Server的MDF文件

    2008-11-24 15:30:00
  • 如何用Sleep函数编译一个定时组件?

    2010-06-13 14:35:00
  • 分享一个Emeditor压缩样式的宏

    2010-08-16 12:30:00
  • [译]图片优化 第五章:AlphaImageLoader

    2010-08-29 18:39:00
  • MSSQL MySQL 数据库分页(存储过程)

    2012-01-29 18:30:20
  • js 混淆加密工具代码

    2007-09-22 18:10:00
  • 减少用户的思考

    2010-09-07 12:14:00
  • 利用后缀表达式(逆波兰式)算24点的JavaScript版算法

    2010-01-23 10:57:00
  • ASP图片分页代码 (通用)

    2009-06-22 12:57:00
  • 快速解决SQL server 2005孤立用户问题

    2009-01-04 14:02:00
  • ASP MSSQL存储过程的实现小例

    2011-04-06 11:02:00
  • asp之家 网络编程 m.aspxhome.com