网页制作中的行为技术

《网页制作中的行为技术》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第11章网页制作中的行为技术□本章知识点及学习目标本章重点介绍了DreamweaverMX2004自带的20种“行为”的定义和基本功能。行为就是由一段段JavaScript代码组成的，主要是为更好地控制其他网页中的元素而设置。行为的扩展是无限制的，只要掌握了JavaScript，就可以自己编写行为，也可以从DreamweaverMX2004的官方网站中获得。通过本章的学习，应该掌握以下内容：■行为的意义以及【行为】面板的使用方法■根据具体的行为设置相对应的事件■对所使用的事件进行修改本章内容概览11.1选用行为11.1.1使用行为面板11.1.2添加行为1

2、1.2标准事件11.3课堂小实例11.3.1调用JavaScript11.3.2改变属性11.3.3检查浏览器11.3.4检查插件11.3.5控制Shockwave或Flash11.3.6拖动层11.3.7转到URL11.3.8跳转菜单11.3.9跳转菜单开始11.3.10打开浏览器窗口11.3.11播放声音11.3.12弹出消息11.3.13预先载入图像11.3.14设置导航栏图像11.3.15设置文本11.3.16显示－隐藏层11.3.17显示弹出菜单11.3.18交换图像11.3.19恢复图像交换11.3.20检查表单11.4课后习题与解答11.1选

3、用行为为了更好地理解行为的概念，下面分别解释与行为相关的三个重要的概念【对象】、【事件】和【动作】。【对象】是产生行为的主体，很多网页元素都可以成为对象，如图片、文字、多媒体文件等。此外，网页本身有时也可作为对象。【事件】是触发动态效果的原因，它可以被附加到各种页面元素上，也可以被附加到HTML标记中。一个事件总是针对页面元素或标记而言的，例如将鼠标指针移到图片上、把鼠标指针放在图片之外和单击鼠标左键，是与鼠标有关的三个最常见的事件(onMouseOver、onMouseOut、onClick)。不同的浏览器支持的事件种类和数量是不一样的，通常高版本的浏览

4、器支持更多的事件。【动作】是指最终需完成的动态效果，如交换图像、弹出信息、打开浏览器窗口、播放声音等都是动作。动作通常是一段JavaScript代码。在DreamweaverMX2004中使用内置的行为时，系统会自动向页面中添加JavaScript代码，用户完全不必自己编写。将事件和动作组合起来就构成了行为。11.1.1使用行为面板在DreamweaverMX2004中，对行为的添加和控制主要通过【行为】面板来实现。具体操作步骤如下。1．选择【窗口】中的【行为】命令。2．打开【行为】面板，如图11-1所示。图11-1【行为】面板11.1.2添加行为添加行为

5、的具体操作方法如下。在网页中选定一个对象，或者直接选中整个页面。1打开【行为】面板，单击面板上的【+】按钮，将弹出动作菜单，如图11-2所示。2．从弹出下拉菜单中选择一种动作，弹出相应的参数设置对话框，在其中进行设置后，单击【确定】按钮。图11-2添加行为11.2标准事件DreamweaverMX2004配备了一套得到流行浏览器承认的事件列表。单击【行为】面板上的【＋】按钮，选取【显示事件】菜单，打开级联菜单，可以看到在级联菜单中提供的10种不同浏览器的版本。11.3课堂小实例（标准动作）DreamweaverMX2004内置许多行为，每一种行为都可以实现

6、一个动态效果，或用户与网页的交互行为。下面将分别讲述每个动作。11.3.1调用JavaScript“调用JavaScript”动作允许您使用“行为”面板指定当发生某个事件时应该执行的自定义函数或JavaScript代码行。（您可以自己编写JavaScript或使用Web上多个免费的JavaScript库中提供的代码。“调用JavaScript”动作若要使用“调用JavaScript”动作，请执行以下操作：1.选择一个对象并打开“行为”面板。2.单击加号(+)按钮并从“动作”弹出菜单中选择“调用JavaScript”。3.准确键入要执行的JavaScript

7、，或键入函数的名称。例如，若要创建一个“后退”按钮，您可以键入if(history.length>0){history.back()}。如果您已将代码封装在一个函数中，则只需键入该函数的名称（例如hogback()）。4.单击“确定”。5.检查默认事件是否是所需的事件。如果不是，请从弹出菜单中选择另一个事件。如果未列出所需的事件，则在“显示事件”弹出菜单中更改目标浏览器。11.3.2改变属性使用“改变属性”动作更改对象某个属性（例如层的背景颜色或表单的动作）的值。您可以更改的属性是由浏览器决定的；在InternetExplorer4.0中可以通过此行为更改

8、的属性比InternetExplorer3.0或NetscapeN