Netscape 6 DHTML编程

Netscape 6已经正式版发布，由于新版本的浏览器采用了全新的技术，是以Mozilla和Gecko为基础的。Gecko是下一代浏览器引擎，它支持HTML、CSS、W3C DOM、XML、RDF以及JavaScript等开放的Internet标准。Netscape 6和以前的版本不兼容，因此，以前在Netscape Navigator里编写的程序在新版本里不能正常运行。本文将向大家探讨在Netscape 6浏览器里进行动态HTML编程的基本原理。以前当我们涉及到浏览器无关的DHTML动画时，我们的代码将变得很复杂。不同的浏览器对其属性采用不同的句法和不同语义。一个浏览器使用top，而另一个浏览器也许使用pixelTop.一个浏览器使用属性值来确定窗口的位置问题，而另一个浏览器则使用参考整个文档的方法来实现。Netscape 6是DOM（文档对象模型）兼容的浏览器，而DOM（文档对象模型）是编写浏览器无关脚本的关键。Netscape 6对W3C规范的支持，确实使我们在进行编写脚本代码时轻松了许多。但是Internet Explorer 5.5的DOM和Netscape 6的DOM仍然有一些差异。

本文将向你展示一些在网页中编写动态HTML的基本原理。innerHTML属性原本不是DOM标准的一部分，但是IE和Netscape 6都支持它.我们将向你展示怎样利用这一属性来建立引人入胜的页面效果.我们将说明动画的原理:在页面里怎样移动元素。由于动画与坐标位置有关，我们将涉及到怎样来设定、取得和初始化它们的坐标位置。还将探讨元素可视性以及IE 5和Netscape 6之间的差异。我们将也讨论对处理Netscape将要废弃的BLINK标记可供选择的方案。

在本文里，你将学会:

怎样提取一个标记的所有属性

怎样设定任意HTML标记的内容

怎样水平、垂直移动元素

怎样设定、取得、初始化、操纵坐标值

怎样设定、取得、初始化、操纵元素的可视性

怎样模拟闪烁效果。

1.怎样提取一个标记的所有属性？

当我们要制作具有动画效果的页面时，我们要知道怎样去参考要移动的元素。最好的方法是知道其ID值。我们可以利用元素的ID值来参考一个元素的所有属性和方法。例如：要找出ID="bar"的元素的标记名，我们可以这样：bar.nodeName。例如：假如我们在页面的某一处设置了<P id="examId">……</P>，下面的的代码将给出ID为examId的标记的名字。

<a href="javascript:alert('ID 为 examId 的标记名是： '+examId.nodeName)">点击这里</a>

结果如图1。

有时，我们需要搜索所有在页面中的某一个元素，由于Internet Explorer 5 和Netscape 6都支持 getElementsByTagName()方法，它可以生成一个元素数组。此方法适用于任意元素，因此可以提取整个文档里的所有标记，或者在某一个指定的标记的范围里，如DIV 或P等里的某一元素。下面的函数提取本文档里所有的FONT和ID=foo的DIV标记里的FONT标记个数。