DHTML交互可操作性

  DHTML(DynamicHTML,动态HTML)是一种开放的动态页面制作技术，主要目的是提高HTML页面的交互性和可操作性。W3C将部分DHTML技术加入HTML4.0中进行标准化推广，使更多浏览器可以支持这种技术。但是由于微软和网景在各自的浏览器中提供的DHTML支持不尽相同，也使页面制作出现更多的问题。下面分别介绍IE(InternetExplorer)和NN(NetscapeNavigator)所支持DHTML的主要特点和区别以及使用DHTML应注意的问题。

  IE所支持DHTML的主要特点包括以下3个方面。1)文档对象模型(DocumentObjectModel,简称DOM)。DHTML为HTML提供一个复杂的对象模型，该模型将所有的页面元素都作为对象来处理。每个对象都有属性和方法，通过修改属性和方法可以很方便地操纵这些对象。另外，DHTML为所有的页面元素提供键盘和鼠标的活动事件，通过这些事件配合相应的动态内容操作可以制作出精美的动态效果。DOM可以支持以下3个功能。

  ◆动态内容(DynamicContent):使页面中的文本、图片可以在客户端动态地增加、删除和修改，而且被修改元素周围的元素可以修正位置。例如在不刷新页面的情况下，使页面标题动态增大，而且标题周围的文字会在标题增大后自动调整位置。

  ◆动态风格(Dynamicstyles):指在不刷新页面的情况下，动态调整页面元素的CSs(CascadingStyleSheets,层叠风格表单)的属性，例如颜色、字体等。当鼠标移进某段文字时，这段文字的颜色发生改变。另外，通过添加滤镜CSS属性，页面元素就可以支持多媒体滤镜和色彩过渡功能。

  ◆绝对定位(AbsolutePositioning):在不刷新页面的情况下，可以动态改变页面内容的CSS定位坐标。

  2)数据捆绑(DataBinding)。该功能使客户端具有操纵和修改数据的功能，从而避免频繁地对服务器进行访问。

  3)脚本小程序(Scriptlet)。Scriptlet是DHTML中的一种Web页面。该Web页面具有可重用性，一次开发后，可以不经修改而在多处Web主页和应用程序中使用，例如JavaScript、VBScript等。

  NN所支持DHTML的主要特点包括以下3个方面。

  1)风格表单(StyleSheets)。使用风格表单可以设置页面元素的排版风格，例如文本字体、大小和颜色、页边空白以及元素的对齐方式等。NN支持两种风格表单语法，一种是CSS语法;另一种是JavaScript的风格表单语法。

  2)内容定位(ContentPositioning)。由页面编程语言指定页面内容的位置，而不是由浏览自动安排位置。例如将某页面元素放在左上角，将另一元素放在右下角，内容所在的区域块可以重叠。内容定位中使用了层(Layer)和层对象，页面中的每一个层都有一个JavaScript层对象(JavaScriptLayerObject)与之相关，可以通过JavaScript脚本(即层对象的方法)直接修改层对象的属性来对它进行操作。

  3)可下载字体(DownloadableFonts)。可以为Web页面指定显示字体，使该页面的文字总以指定的字体显示，这样就可以方便地统一页面的字体，而且可下载字体与平台无关，在任何平台上都可以下载显示。为了保护字体设计者的利益，可下载字体被加锁，不能复制和再利用。

  从以上Ie和NN各自支持的DHTML特点来看，除了在CSs风格表单方面具有一定相似性外(风格表单的标准化文档可参阅网站http://www.w3.org/TR/html401/中的有关说明)，其他方面有很大差距，比如NN中的层对象和可下载字体根本不适合于IE,IE中的动态内容风格和数据捆绑也不适合于NN.因此，要在页面中使用DHTML的技术，除了已经在HTML4中已经标准化的内容可以放心使用外，其他方面就要考虑到IE和NN之间的区别。要很好地支持IE和NN两种浏览器，则要么使用两者的共性，要么进行浏览器判别来区分对待。