下一页

使用 JavaScript 行为

Dreamweaver 行为将 JavaScript 代码放置在文档中以允许访问者与 Web 页进行交互,从而以多种方式更改页或引起某些任务的执行。行为是事件和由该事件触发的动作的组合。在“行为”面板中,通过指定一个动作然后指定触发该动作的事件,可将行为添加到页中。

备注: 行为代码是客户端 JavaScript 代码;即它运行于浏览器中,而不是服务器上。

实际上,事件是浏览器生成的消息,指示页的访问者执行了某种操作。例如,当访问者将鼠标指针移动到某个链接上时,浏览器为该链接生成一个 onMouseOver 事件;然后浏览器查看是否存在当为该链接生成该事件时浏览器应该调用的 JavaScript 代码(这些代码是在被查看的页中指定的)。为不同的页元素定义不同的事件;例如,在大多数浏览器中,onMouseOveronClick 是与链接关联的事件,而 onLoad 是与图像和文档的 body 部分关联的事件。

动作是由预先编写的 JavaScript 代码组成的,这些代码执行特定的任务,例如打开浏览器窗口、显示或隐藏层、播放声音或停止 Shockwave 影片。随 Macromedia Dreamweaver MX 提供的动作是由 Dreamweaver 工程师精心编写的,以提供最大的跨浏览器兼容性。

在将行为附加到页元素之后,只要对该元素发生了您所指定的事件,浏览器就会调用与该事件关联的动作(JavaScript 代码)。(可以用来触发给定动作的事件随浏览器的不同而有所不同。)例如,如果将弹出消息动作附加到某个链接并指定它将由 onMouseOver 事件触发,那么只要某人在浏览器中用鼠标指针指向该链接,就将在对话框中弹出您的消息。

单个事件可以触发多个不同的动作,您可以指定这些动作发生的顺序。

Dreamweaver MX 提供大约二十多个行为动作;您可以在 Macromedia Exchange Web 站点以及第三方开发人员站点上找到更多的动作。(请参见下载并安装第三方行为。)如果精通 JavaScript,您可以编写自己的行为动作。有关编写行为动作的更多信息,请参见扩展 Dreamweaver

备注: 行为动作 这两个术语是 Dreamweaver 术语,而不是 HTML 术语。从浏览器的角度看,动作与任何其他一块 JavaScript 代码完全相同。

本章包含以下几节:


  下一页