什么是Dynamic HTML
时间:2005-12-16 来源:manbuzhe0301
问:亲爱的网猴,我经常看到讲述有关“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教程。