1、第19章 行为,第19章 行为,行为是将 Java Script 代码放置在文档中以允许访问者与 Web 页进行交互。用户只需用鼠标点击进行简单的设定就可以实现复杂的动态网页的效果。,19.1 行为概述 19.2 使用Dreamweaver 8自带行为 19.3 本章小结,19.1 行为概述,19.1.1 行为介绍行为是事件和由该事件触发的动作的组合。其中：动作是由预先编写的 JavaScript 代码组成的，这些代码执行特定的任务，例如打开浏览器窗口、显示或隐藏层、播放声音或停止 Shockwave 影片等等。事件是浏览器生成的消息，指示页面的访问者执行了某种操作。例如，当访问者将鼠标指针移
2、动到某个链接上时，浏览器为该链接生成一个 onMouseOver 事件，然后浏览器查看是否存在应该调用的 JavaScript 代码。,系统为不同的页面元素定义不同的事件。将一个动作和一个事件结合在一起就完成了一个行为的过程。例如我们在网页的载入事件中响应一个弹出对话框的动作，其对应的事件为Onload，对应的动作为“弹出信息”，经过简单的设定就可以完成需要的功能。如图所示。,19.1 行为概述,19.1.2 认识事件每个浏览器都提供一组事件，这些事件可以与“行为”面板的“+”按钮中弹出的行为相关联。 大多数事件只能用于特定的页面元素。若要查明对于给定的页面元素给定的浏览器支持哪些事件，可在文
3、档中插入该元素并向其附加一个行为，然后单击“行为”面板中事件右侧的按钮，查看事件弹出式菜单。 IE4.0以上的浏览器支持的部分主要事件可见书中表19-1。,19.1 行为概述,19.1.3 行为面板“行为”面板如图所示：,添加行为按钮：单击此按钮将弹出可以显示行为的菜单，当选择了其中一个行为后会弹出响应的设置对话框。,19.1 行为概述,删除行为按钮：单击此按钮将删除当前选中的行为。 事件更改按钮：单击此按钮将弹出事件菜单，从中进行选择以更换触发动作的事件类型。如果菜单中未列出所需的事件，可在“显示事件”弹出的子菜单中更改目标浏览器。,19.1.4 添加行为 （1）选中一个网页中的对象。 （2
4、）单击添加行为按钮，在弹出的菜单中选中你希望添加的行为。 （3）单击所选行为，在弹出的对话框中进行设置。 （4）在行为面板中，单击事件更改按钮，在弹出的下拉菜单中选择你需要的触发事件类型。,19.1 行为概述,19.1.5 编辑管理行为 “行为”面板的约定： （）行为面板中有多个行为时，则按事件的字母顺序显示在面板上。 （）同一个事件可以有多个动作，对于同一个事件的多个动作，行为面板中的显示顺序就是多个动作的执行顺序。 （）要想调整动作的执行顺序，可以利用行为面板的按钮 和 来调整，以实现所需要的效果。,19.1 行为概述,19.2.1 交换图像 使用“交换图像”行为，可以改变标签的src属性
5、，即用另一张图像替代当前的图像。对话框如图所示。,预先载入图像：选中它可以防止当图像由于下载而导致延迟。,19.2 使用自带的行为,19.2.2 弹出信息使用“弹出信息”行为，可以显示一个带有用户指定消息的 JavaScript 警告。因为 JavaScript 警告只有一个按钮（“确定”），所以使用此动作可以提供信息，而不能为用户提供选择。对话框如图所示。,19.2 使用自带的行为,19.2.3 打开浏览器窗口 使用“打开浏览器窗口”行为，可以实现当用户在触发所定义的事件时打开一个新的浏览器窗口，在新的窗口中可以载入指定URL地址上的网页。对话框如图所示。,19.2 使用自带的行为,注意：如
6、果没有指定窗口的属性，则窗口将按启动窗口的属性和大小打开，一旦指定了窗口的任何属性，都将自动关闭其他属性。,19.2.4 拖动图层 使用“拖动层”行为，可以实现访问者在页面上拖动图层。一般是使用 onLoad 事件将“拖动层”附加到 对象上。对话框如图所示。,“限制”选项后的上、下、左、右文本框中可输入以像素为单位的值，这些值是相对于图层的起始位置的值。,19.2 使用自带的行为,“放下目标”的左和上文本框中输入以像素为单位的放置目标的值。 “靠齐距离”文本框中输入一个以像素为单位的值，指定图层与放置目标的靠近距离。 如果还要定义图层的拖动柄等动作，可以单击【高级】标签。,19.2 使用自带的
7、行为,19.2.5 控制Shockwave或Flash 使用“控制 Shockwave 或 Flash”行为，可以控制Macromedia Shockwave 或 Macromedia Flash SWF文件的播放、停止、倒带或转到文件中的帧。对话框如图所示：,19.2 使用自带的行为,19.2.6 播放声音 使用“播放声音”作为，可以很方便的在网页中加入音乐。对话框如图所示。,在“播放声音”文本框中，输入要加入网页的音乐文件即可。,19.2 使用自带的行为,19.2.7 改变属性使用“改变属性”行为，可以通过设定的事件触发行为，动态改变连接行为的对象属性，包括对象的颜色、尺寸和背景等。 “改
8、变属性”对话框，如图 所示。,19.2 使用自带的行为,19.2.8 时间轴 使用“停止时间轴”/“播放时间轴”/“转到时间轴帧”行为，可以实现控制时间轴的停止、播放或转到时间轴指定帧开始播放时间轴 。对话框如图所示。,19.2 使用自带的行为,19.2.9 显示隐藏层 使用“显示隐藏层”行为，可以显示、隐藏或恢复一个或多个图层默认的可见性。对话框如图所示。,19.2 使用自带的行为,19.2.10 显示弹出菜单使用“显示弹出菜单”行为，可以创建或编辑 Dreamweaver 弹出式菜单，或者打开并修改已插入 Dreamweaver 文档 的 Fireworks 弹出式 菜单。对话框如图所示。
9、,19.2 使用自带的行为,19.2.11 检查插件 使用“检查插件”行为，是为了实现根据访问者是否安装了指定的插件这一情况将他们转到不同的页。通常网页设计者是将已经安装了某种插件的浏览器的用户连接到一个包含此种插件的网页，而将没有安装此插件的浏览器用户连接到一个可以下载此插件的网址。,19.2 使用自带的行为,19.2.12 检查浏览器 使用“检查浏览器”行为，是为了实现根据访问者不同类型和版本的浏览器将他们转到不同的页。对话框如图所示。,19.2 使用自带的行为,19.2.13 检查表单使用“检查表单”行为，可以实现当用户提交表单时自动检查表单的有效性，以防止带有非法数据的表单信息被提交至
10、服务器。选择窗口左下角的表单标签，通过行为面板打开如图所示对话框。,19.2 使用自带的行为,19.2.14 设置导航栏图像 使用“设置导航栏图像”行为，可以将某个图像变为导航栏图像，或更改导航栏中图像的显示和动作。对话框如图所示。,19.2 使用自带的行为,19.2.15 设置文本 .设置框架文本使用“设置框架文本”行为，可以动态建立框架文本，用特定的内容替换一个框架的格式和内容，此操作可动态显示信息。在调用该动作前，先要创建框架集。,19.2 使用自带的行为,.设置层文本 使用“设置层文本”行为，可以用指定的内容来替换位于某一个页面上层的内容和格式。在调用该动作前，先要在网页中插入一个层。
11、对话框如图所示。,19.2 使用自带的行为,.设置状态栏文本使用“设置状态栏文本”行为，可以在浏览器窗口的左下方的状态栏中显示文本信息。对话框如图所示。,19.2 使用自带的行为,. 设置文本域文字使用“设置文本域文字”行为，可以用指定的内容替换文本域的内容。在调用该动作前，先要在网页中插入一个文本区域。对话框如图所示。,19.2 使用自带的行为,19.2.16 调用JavaScript,19.2 使用自带的行为,使用“调用JavaScript”行为，可以很方便地加入JavaScript命令。操作步骤如下： （1）在文档窗口中，选定要附加行为的对象。 （2）单击“行为”面板上的按钮 ，从弹出的
12、【行为】菜单中选择【调用JavaScript】命令，弹出“调用JavaScript”对话框，如图所示。,19.2.16 调用JavaScript,19.2 使用自带的行为,在对话框的文本框中输入需执行的JavaScript代码或函数，单击“确定”按钮，关闭对话框。 （3）在“行为”面板中查看默认事件是否是所需要的，如果不是，可以从事件菜单中重新选择。,19.2.17 跳转菜单开始 如果页面中已插入了“跳转菜单”，这时“跳转菜单开始”行为才可用，使用“跳转菜单开始”行为，可给插入的跳转菜单加上一个定向按钮，单击该按钮就会打开下拉列表中选择的选项所链接的网页。对话框如图所示。,19.2 使用自带的
13、行为,19.2.18 转到URL 使用“转到URL”行为，用于在当前窗口或指定框架中，打开一个新的页面。对话框如图所示。,19.2 使用自带的行为,19.2.19 预先载入图像 使用“预先载入图像”行为，可以在浏览器缓存中载入不会立刻出现在页面上的图像。这样可防止当图像应该出现时由于下载而导致延迟。对话框如图所示。,19.2 使用自带的行为,本章主要介绍了有关行为的知识，通过本章的学习应该对事件和动作有了一定的了解，借助于行为我们可以不必要编程就可以实现比较复杂的动态效果，这是软件的优势，如果读者不是专业的网页编辑人员可以借助行为创造出满意的网页效果，如果读者是专业的网页编辑人员，最好在学会行为的同时，翻看一下行为嵌入的代码内容，并学习JavaScript的编程，毕竟单单依靠行为是不能完全满足我们的需要的。,19.3 本章小结,
