第 8章 行为
电子教案
青岛大学软件学院
2005-5-30
8.1 行为的概述
行为是 动作 和 触发该动作的事件 的结合体
1,事件
? 事件是触发动态效果的原因,它可以被附加在各
种页面元素上,也可以被附加到 HTML标记中。
2,动作
? 动作其实是一段网页上的 JavaScript代码,这些
代码在特定事件被激发时执行,从而实现访问者
与 Web页进行交互,以多种方式更改页面或执行
某些任务。通过动作来完成动态效果,如:打开
浏览器窗口、显示或隐藏层、播放声音等都是动
作。
8.2 使用【行为】面板
选择【窗口】|【行为】命令,打开【行为】面板
? 【显示设置事件】 仅显示附加到当前文档的那
些事件
? 【显示所有事件】 按字母降序显示所有事件
? 【添加行为】 在出现的动作菜单中,选择一个动
作,并指定该动作的相关参数,即可添加行为。
? 【显示事件】 在此菜单中选择确定哪些事件将显示在
“事件”弹出式菜单中
? 事件的选择,在添加行为后,当单击行为列表框
中所选事件名称旁边的箭头按钮时,会出现一个
下拉菜单,其中包含可以触发该动作的所有事件。
只有在选择了行为列表中的某个事件时才显示此
菜单。根据所选对象的不同,显示的事件也有所
不同。
8.2 使用【行为】面板
选择【窗口】|【行为】命令,打开【行为】
面板
? 【 删除事件】,单击“删除事件”按钮,
可以从行为列表中删除所选的事件和动作。
? 【向上移动】和【向下移动】,将特定事
件的所选动作在行为列表中向上或向下移
动。给定事件的动作是以选定的顺序执行
的。
8.3 向页面中添加基本行为
通过, 行为, 面板上的, 添加行为, 按钮,可以将行
为附加到 整个文档,也可以附加到 链接, 图像, 表单
元素 或多种 其他 HTML元素 中的任何一种。
8.3.1 弹出信息
8.3.2 打开浏览器窗口
8.3.3 设置文本
8.3.4 检查表单
8.3.5 控制 Shockwave或 Flash
8.3.6 交换图像
8.3.7 恢复交换图像
8.3.8 转到 URL
8.3.9 播放声音
8.3.10 显示弹出式菜单
8.3.11 拖动层
完
8.3.1 弹出信息
使用【弹出信息】动作将显示一个带有指定消息的
警告窗口
使用 【 弹出信息 】 动作的操作步骤如下,
1,选择对象并打开行为面板 。
2,单击+按钮, 并从, 添加动作, 菜单中选择
【 弹出信息 】 。 打开, 弹出信息, 对话框 。
3,在 【 消息 】 域中输入在信息框中将要显示的信
息文字 。
4,设置完成后单击 【 确定 】 按钮 。
5,检查 【 行为 】 面板中默认事件是否是所需的事
件, 如果不是, 从弹出式菜单中选择另一个事
件 。
8.3.2 打开浏览器窗口
使用的【打开浏览器窗口】动作在一个新的窗口中
打开 URL
使用 【 打开浏览器窗口 】 行为的操作步骤如下,
1,选择一个对象并打开 【 行为 】 面板 。
2,单击单击按钮并从, 添加动作, 菜单中选择【打
开浏览器窗口】命令。打开, 打开浏览器窗口,
对话框。
3,设置完成后单击【确定】按钮。
4,检查【行为】面板中默认事件是否是所需的事件。
如果不是,从弹出式菜单中选择另一个事件。
8.3.3 设置文本
使用 Dreamweaver内置的【设置文本】动作
可以动态地设置层、框架、文本域以及状态
栏的文本。
使用 【 设置文本 】 行为的操作步骤如下,
1,选择一个对象并打开 【 行为 】 面板 。
2,单击单击按钮并从, 添加动作, 菜单中选择
【设置文本】|【设置状态栏文本】命令。
打开, 设置状态栏文本, 对话框。
3,在【消息】文本框中输入相应的信息。
8.3.4 检查表单
利用【检查表单】动作可以为表单中各元素设置有
效性规则,并检查指定文本域的内容以确保用户输
入正确的数据类型
使用 【 检查表单 】 动作的操作步骤如下,
1,首先在文档中插入表单和文本域 。
2,然后执行下列步骤之一,
? 如果要在用户填写表单时验证单个文本域, 选取一个
文本域, 打开 【 行为 】 面板 。
? 如果要在用户提交表单时验证多个文本域, 单击文档
窗口左下角标签选择器中的 <form>标签并打开 【 行为 】
面板 。
3,从【添加行为】下拉列表中选择【检查表单】动作。
4,重复以上操作检查其他的文本域。
5,单击【确定】按钮,在【行为】面板中选择适当的事件。
6,如果在用户提交表单时检查多个域,则 onSubmit事件自动
出现在“事件”菜单中。
8.3.5 控制 Shockwave或 Flash
使用【控制 Shockwave或 Flash】 动作可以控制页面
中的 Shockwave或 Flash影片的播放、停止、倒带或
者转到某一帧等操作
使用 【 控制 Shockwave或 Flash】 动作的操作步骤如
下,
1,插入的 Shockwave或 Flash 对象 。 并在 【 属性检查器 】
中对该影片进行命名, 只能这样才能对影片进行控制 。
2,在文档中插入控制按钮 。
3,选择某个插入的控制按钮,在【行为】面板中,单击 +
按钮,并从, 添加动作, 菜单中选择【控制 Shockwave
或 Flash】 命令。
4,在对话框的【影片】下拉列表中选择一个影片。
5,根据所选的控制按钮在【操作】域中选择播放、停止、
倒带或者前往帧,
6,选择适当的事件触发该动作。
8.3.6 交换图像
【交换图像】动作通过更改 img标签的 src属
性将一个图像和另一个图像进行交换。
使用 【 交换图像 】 行为的操作步骤如下,
1,在文档中插入图像
2,在 【 图像属性 】 面板上为图像指定名称 ( 便
于在以后指定图像时, 易于辨认 ) 。
3,选取并打开 【 行为 】 面板, 单击按钮并从
【 动作 】 下拉列表中选择 【 交换图像 】 。
4,在 【 行为 】 面板中选择适当的事件 。
5,使用同样的方法, 设置其他的交换图像 。
8.3.7 恢复交换图像
在添加了【交换图像】行为后,可以看到同
时也就有了【恢复交换图像】行为,【交换
图像】和【恢复交换图像】经常是成对出现
的 。
8.3.8 转到 URL
使用【转到 URL】 动作可以在当前窗口或指
定窗口中打开一个新页 。
使用 【 转到 URL】 动作的操作步骤如下,
1,选择要添加该动作的对象 。
2,选取并打开 【 行为 】 面板, 单击按钮并从
【 动作 】 下拉列表中选择 【 转到 URL】
3,在 【 行为 】 面板中选择适当的事件 。
8.3.9 播放声音
使用【播放声音】动作来播放声音 。
使用 【 播放声音 】 动作的操作步骤如下,
1,选择要添加该动作的对象 。
2,选取并打开 【 行为 】 面板, 单击按钮并从
【 动作 】 下拉列表中选择 【 播放声音 】 。
3,在该对话框单击 【 浏览 】 按钮选取声音文件,
或者在 【 播放声音 】 域中输入声音文件的路
径和名称 。 单击 【 确定 】 按钮 。
4,在 【 行为 】 面板中选择适当的事件 。
8.3.10 显示弹出式菜单
使用【显示弹出式菜单】行为来创建或编辑
Dreamweaver弹出菜单,或者打开并修改已插入
Dreamweaver文档的 Fireworks弹出菜单 。
使用 【 显示弹出式菜单 】 动作的操作步骤如下,
1,选择要添加该动作的对象 。
2,选取并打开 【 行为 】 面板, 单击按钮并从 【 动作 】 下
拉列表中选择 【 显示弹出式菜单 】 。
3,通过在 【 显示弹出式菜单 】 对话框中设置选项来创建
水平或垂直的弹出菜单 。
4,在 【 行为 】 面板中选择适当的事件 。
8.3.11 拖动层
【拖动层】动作允许访问者拖动层。使用此动作创
建拼图游戏、滑块控件和其他可移动的界面元素。
使用 【 拖动层 】 动作的操作步骤如下,
1,选择 <body>标签, 这里不要选择层, 因为层在版本较
低的浏览器中都不接受事件, 所以必须选择一个不同
的对象 。 。
2,选取并打开 【 行为 】 面板, 单击按钮并从 【 动作 】 下
拉列表中选择 【 拖动层 】, 打开 【 拖动层 】 对话框,
该对话框包括, 基本, 与, 高级, 两个标签, 默认状
态为, 基本, 。
3,如果要进一步定义层的拖动控制点, 在拖动层时跟踪
层的移动以及当放下层时触发一个动作, 可单击, 高
级, 标签, 继续进行, 高级, 标签中各选项的设置 。
4,【 拖动层 】 对话框设置完成后, 单击 【 确定 】 按钮 。
5,检查 【 行为 】 面板中默认事件是否是所需的事件 。 如
果不是, 从弹出式菜单中选择合适的事件 。