DHTML基本概念

DHTML介绍：（1）

http://www.phpx.com/man/dhtmlcn/   详细的manual   定义一、 确切地说，DHTML只是一种制作网页的概念，实际上没有一个组织或机构推出过所谓的DHTML标准或技术规范之类的。DHTML不是一种技术、标准或规范，DHTML只是一种将目前已有的网页技术、语言标准整和运用，制作出能在下载后仍然能实时变换页面元素效果的网页的设计概念。 DHTML大致包含以下网页技术、标准或规范： [list] [*] HTML 4.0 没什么好说的，网页的基础语言标准。 [*] CSSL 注意！不是CSS，是CSSL，它是Clent-Side Scripting Language的缩写，译作“客户端脚本语言”，主要有JavaScript(JS)，VBScript(VBS)，JScript。Netscape主要支持JS，IE主要支持JS，VBS和JScript。 [*] DOM Document Object Model的缩写，译作“文档对象模型”，是W3C日前极力推广的web技术标准之一，它将网页中的内容抽象成对象，每个对象拥有各自的属性(Properties)、方法(Method)和事件(Events)，这些都可以通过上面讲到的CSSL来进行控制。IE和NS的对象模型都是以W3C的公布的DOM为基准，加上自己的Extended Object(扩展对象)来生成的。 [*] CSS 这才是Cascading Style Sheets(层叠样式表单)的缩写，也是在论坛讨论最多的技术规范，它是HTML的辅助设计规范，用来弥补HTML在排版上的所受的限制导致的不足，它是DOM的一部分。理论上说通过CSSL动态地改变CSS属性可以做出任何你想要的页面视觉效果。 [/list] 所以，简单地说，要实现DHTML，就是以HTML为基础，运用DOM将页面元素对象化，利用CSSL控制这些对象的CSS属性以达到网页的动态视觉效果。     定义二、 根据msdn关于dhtml的说明。 DHTML总的来说可以包括下面几个部分： Dynamic Styles （动态式样） Dynamic Content （动态内容） Positioning and Animation （定位，动画） Filters and Transitions （滤镜） Font Download （字体动态下载） Data Binding （数据绑定） Dynamic HTML Object Model （注意这个不是DOM) 1。动态式样 Dynamic Styles，这里的style,可以大致理解为css里的style。就是动态改变元素的css式样。 2。动态内容 Dynamic Content，我翻译的不是很准确。具体点就是通过 innerHTML,outerHTML,innerTEXt, 等属性及insertAdjacentHTML，等方法动态改变页面内容。 3.定位及动画 Positioning and Animation。（动画翻译可能不太准确，翻做运动可能好点。）其实也可以归为动态式样，就是动态改变元素css式样里的定位有关的属性，达到动画（运动）的效果。 4.滤镜。没什么好说的。 5.Font Download，有兴趣的朋友参看msdn。 6.Data Bingding。很有用技术。涉及的内容比较多，有兴趣的朋友参看msdn,或另外再讨论。 7.Dynamic HTML Object Model 注意这个不是DOM, 应该纠正一下popoever，DOM和Dhtml是两种技术。 The object model is a superset of the JavaScript object model found in Netscape Navigator. This means that portions of the model are compatible with other browsers, even if they do not support Dynamic HTML. (msdn) Dynamic HTML Object Model和DOM是相似的。不再解释。