第一页:JavaScript创建网页的动态或交互内容,可以有两种选择。你可以在服务
器端建立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。
>>
第一页 JavaScript
第二页 Timeline
第三页 定制
[第1天][第2天][第3天]