动态HTML--- DHTML是Dynamic HTML的缩写,DHtml经过传统的HTML语言,利用CSS( Cascading Style Sheets,即样式表),并依靠javascript使一贯静止不变的页面得以“动”起来。 Netxcape 4.0和IE 4.0/5.0版本支持DHTML,DHTML是一种彻底“客户端”技术,直接经过WEB页面实现页面与用户之间的交互性。在WWW中发布HTML文档,大多数信息是静态的,并且要求服务器响应用户的交互。DHTML(Dynamic HTML)的出现,使Web范例从要求服务器交互改变为建立Web站点和Web应用。因为DHTML容许HTML文档与用户交互及客户机的巨大变化,则能够建立丰富的Web应用。
DHTML并非什么新的技术、标准或规范,DHTML只过是一种将目前已有的网页技术与标准的整和运用,制做出能在下载后仍然能实时变换页面元素效果的网页的设计概念。
DHTML大体包括如下一些内容:
1)HTML 4.0 没什么好说的,网页的基础语言标准。
2)CSS是Cascading Style Sheets(层叠样式表)的缩写,是W3C协会为了弥补HTML在样式编排上的不足,所制定的一种扩展式标准。因为HTML标记属性很是有限,且没法经过Script程序来控制,所以CSS扩充了HTML各标记的属性设定(称为样式),是网页内容视觉化效果有更多的变化,网页内容的表现方式也更灵活,更美观。
3)浏览器对象模型,在4.0版之后的IE或Netscape都是对象化的,浏览器自己就是由许多对象所组成,这些对象有各自的属性、方法和事件。所以,网页设计者可经过Script程序来控制或调用这些对象。目前Microsot和Netscape的浏览器对象模型都是以W3C所公布的文件对象模型(DocumentObject Modle,DOM)为基础,再加上以扩展对象而组成。
4)Script
Script是整个DHTML的灵魂角色,在DHTML里,网页之因此可以动起来,最主要的缘由在于网页中的对象必须经过Script程序来控制,进行交互式操做。在不一样的浏览器中,所使用的脚本语言不一样。目前,Netscape里支持的Script是JavaScript,而IE所支持的则包括了JavaScript,JScript和VBScript。
因此,简单地说,要实现DHTML,就是以HTML为基础,运用DOM将页面元素对象化,利用CSSL控制这些对象的CSS属性以达到网页的动态视觉效果。
DHTML的结构能够表示为:DHTML=HTML+浏览器对象模型结构+CSS+Script。
DHTML的特色能够总结为: (1)动态内容 经过浏览器与网页文字的对象模型,网页不用下载,其内容与对象便可以动态的增长、删除和改变显示内容。 (2)动态样式 CSS除了能够扩展HTML标记的样式属性外,还能够经过Script程序来改变这些属性。传统网页的内容与样式编排,在下载到浏览器后,是固定的,相比之下,以CSS定义的样式网页,只要经过Script控制,网页就算已经下载显示来了,仍是能够改变其字体、颜色,甚至是样式的编排内容。 (3)绝对定位 之前的HTML只能定位网页对象的x,y坐标,如今DHTML能够定位网页对象的x,y,z坐标,也就是说,能够在网页上创建三维的立体空间。