|
创建网页的动态或交互内容，可以有两种选择。你可以在服务
器端建立server-side script或database interaction，或者
在客户端用JavaScript编程。JavaScript的产品和设计类型是
由于它的易用性和它允许的交互性：通用动态内容、检查插
件、打开窗口、使窗体有效。并且 - 最容易被忘记的 - 控制
动态HTML的所有方面！
JavaScript一直存在的问题是人们喜欢它们出现在页面中，却
没有人用它编码。JavaScript - 被宣称为比“真正的”语言更
容易写 - 仍然是一种编程语言，并且不是每个人都有必要
与if-then打交道。而且多数人不想做那些有趣的事，如在翻滚
页面上改变图像、打开新的窗口、扫描插件、改变状态条、弹
出消息和许多其它类似的事。DHTML可能要求更复杂的
JavaScript编码（当它越流行时越是如此），但是大多数情况
下涉及到简单地在DIV之间移动和改变可视性。这些任务
在Dreamweaver中很容易实现。
Dreamweaver可以把用behavior或action把JavaScript插入页
面中。打开Behavior工具条，点击 图标（或者从Window菜单
中选择，或者按F8）。然后把光标放在能完成很多任务的tag
中，如Anchor图标。点击Add Behavior按钮 可以得到那个tag
可能发生的行为的清单。在这个按钮右边，你可以发现浏览器
菜单。从那里你可以选择浏览器的级别。在tag上不同的浏览器
可以容纳不同的事件。例如：在Netscape 2.0中，对Anchor
tag只有mouseover事件可用；在IE 4.0中，对每个tag几乎每个
事件都可用。现在我们选择Onmouseover事件。
现在我们用Behavior工具条的另一半插入action，实际上是一
个JavaScript函数。点击Add Action按钮，可以得到一
列action/function。一些action依赖于页面中是否有某些HTML
元素（即，如果你不能把Imageswap函数加在页面中，除非页面
上有一个图像）。在插入合适的action之后，可以编辑关于
HTML元素的值，点击你要触发的action的事件，然后双击你要
修改的action。
注意：这件事有点令人迷惑，尤其是当有时难以定位你插入页
面中的action时。对于Dreamweaver中的许多东西，要对确定的
元素选择特定的菜单或工具条。准备好要到处点击，尤其是开
始时。
在源代码中，所有的action定位在相应的事件tag中（例
如Onmouseover或Onclick）。用Dreamweaver建立一个翻滚页
面，然后是一个Image tag：
<a href="#" onMouseOver="MM_swapImage('document.myImage',
'document.myImage','/webmonkey/98/27/stuff3a/size.gif')">
<img src="/webmonkey/98/27/stuff3a/image.gif"></a>
这与你自己产生的代码很相似。
如果为图像选择Swap Image action，然后把一个事件绑到其
上，那么列表顶端出现action，action在分隔线以下被括号
包围。没被括号包围的action可用于HTML对象 - 如对于图像
的Onload。括号内的事件只在修改HTML源代码后可用，通常通
过在tag周围放上anchor。如果必须修改源代码，Dreamweaver
会事先给你一个警告。
Dreamweaver有很多JavaScript函数 -
图像交换、打开窗口、
文档重定向 - 还有改变layer可视性的方式。但是dHTML最值得
注意的方面之一 - 使layer活动起来 - 没有action与之相连。
这是因为Dreamweaver有一个工具条做此事：Timeline。
|
