http://www.sohu.com

line335x1.gif (57 bytes)
/dynamic_html
动态HTML教程 - 第三天
Taylor 1998.3.9

第五页:访问对象的一个技巧

现在你已经可以在页面中移动对象了。 但是如果你需要将
多个对象按照特定的顺序移动或者执行多个事件触发的行
为时,不仅的代码体积会增加(每次访问一个对象时你都必
须使用一次if/then 语句),而且每次都必须为某个行为键
document.truck.left 是一件很烦人的事。在Netscape模
块中,当你嵌入DIV时,文件对象模块的层次结构就会增
加,如下:

要访问foo,则必须执行document.foo, 而要访问bar,则必
须执行document.foo.document.bar。而要访问sna,则必须
执行document.foo.document.bar.document.sna。

我快要受不了啦啦啦!!!

所以你必须解决引用对象时造成的代码体积膨胀的问题,还
得避免每次移动一个对象时必须设定条件。但你可以用一个
技巧解决这个问题。

任何用JavaScript编写过网页的人都知道任何打开一个小
窗口:

这项指令就可打开一个小窗口,但是你还可以通过使
windowID 作一个引用在继续控制追赶窗口。例
windowID.location = 'http://www.taylor.org/就可以
改变窗口资源的定位。"windowID.close()"就可关闭该窗
口。你所做的只是对一个Javascript对象设置一个引用。在
动态HTML中也可以使用同样的技巧。

你可能会注意到在上一页的图表中,大多数定位属性的语法
都很相似。只不过它们被用在了不同的对象上。我们可以用
一个JavaScript例程解决上面的问题。

现在moveIt函数可以被改为

代码短了一些,对吧?下面我们将使页面这些图象都动起来。

>>

动态HTML教程
第一页 动态HTML教程 - 第三天
第二页 微软和网景不同的语法
第三页 使其在两种浏览器中都可用
第四页 脚本如何运行
第五页 访问对象的一个技巧
第六页 制作网猴们互相追赶的动画效果

[第1天][第2天][第3天][第4天][第5天]


Copyright © 1994-99 Wired Digital Inc. All rights reserved.