Dreamweaver 网页设计与制作教程 ch12.ppt

第12章 行为 本章主要是学习如何应用行为在Dreamweaver中制作出较强的交互性能，实现网页的动态效果。 12.1 行为概述 行为是Dreamweaver MX中最有特色的功能，它可以使用户不需要手动编写任何JavaScript代码，但可以制作出很强的交互功能。 12.1.1 什么是行为 行为（Behaviors）是Macromedia预置的JavaScript程序库，网页制作人员可以不用编程而使用这些行为而实现一些程序动作，比如验证表单，打开一个浏览器窗口等。 行为是事件和动作的组合。动作是预先编写好的JavaScript脚本代码，执行这些代码，可以完成相应的任务，例如打开浏览器、播放声音或停止Shockwave电影等；可以使用Dreamweaver内置的行为往网页中添加JavaScript代码，而不必自己书写，也可以对现有的代码进行修改，使之更符合自己的需要。 事件由浏览器定义，可以绑定到各种页面元素上，也可以绑定到HTML标记中。例如onMouseOver、onMouseOut和onClick等，在大多数浏览器中都是和链接相关联的；onLoad是和图像以及文档正文相关联的事件。 将事件和动作组合起来，就构成了行为。一般将事件产生的这个过程称为“触发”。 不是所有的动作都需要用户的干涉才会发生；有时候会有多个动作同一个事件相关联，就是当事件发生时，会导致多个动作被执行，在Dreamweaver中，可以指定这些动作发生的顺序，从而实现需要的结果。 为文档中的对象添加某种行为的操作步骤通常是：选中某个需要添加行为的对象，然后选择某种动作（同时设置一些参数），最好选择当什么事件发生时执行这个动作。 12.1.2 事件 由于浏览器版本不同，它所支持的事件类型可能也不同。为了区别，本书将分类指出。其中，“IE3.0”表示它适用于Internet Explorer 3.0浏览器；“IE4.0”表示它适用于Internet Explorer 4.0浏览器；“NS3.0”表示它适用于Nerscape Navigator 3.0浏览器；“NS4.0”表示它适用于Nerscape Navigator 4.0浏览器。 以下是在制作网页时常用的事件及其含义。同时用户可以从Dreamweaver安装目录的Configration/Beheviors/Events文件夹中找寻，在该文件夹中包含多个HTML文档，根据浏览器的不同，打开相应的文档，然后查询事件信息。 onAbort（IE4、NS3、NS4）：当用户停止浏览器对图像的载入时会触发该事件。例如，当图像被下载时用户单击了浏览器的“停止”按钮，此时会触发该事件。 onAfterUpdate（IE4）：当页面上的绑定数据的元素完成数据源更新时会触发该事件。 onBeforeUpdate（IE4）：当页面上的绑定数据元素已经被修改并且将要失去焦点时，也就是将要更新数据源时，触发该事件。 onBlur（NS3、NS4、IE3、IE4）：和onFocus数据正好相反，当指定元素不再作为用户交互的焦点时触发该事件。例如，当用户在某文档框中单击之后，如果在该文本域的外面再次单击，就会生成文本框中的onBlur事件。 onBounce（IE4）：当选取框元素的内容已经到达选取框的边界时触发该事件。 onChage（NS3、NS4、IE3、IE4）：当用户改变了页面中的值时会触发该事件。例如从下拉列表中选择一个菜单项；或当用户改变了文本框中的文本，然后在页面其他位置单击使，也可触发该事件。 onClick（NS3、NS4、IE3、IE4）：当用户单击特定的页面元素，例如链接、按钮以及图像热点区域等时，触发该事件。 onDblClick（NS4、IE4）：当用户双击特定的页面元素，例如链接、按钮以及图像热点区域等时，触发该事件。 onError（IE4、NS3、NS4）：如果浏览器在载入页面或图像时产生错误会触发该事件。 onFinish（IE4）：当选取元素的内容完成循环时会触发该事件。 onFocus（NS3、NS4、IE3、IE4）：当指定元素变成用户交互的焦点时触发该事件。 onHelp（IE4）：当用户单击浏览器的“帮助”按钮或从浏览器菜单中选择“帮助”时触发该事件。 onKeyDown（NS4、IE4）：当用户按下任意键而未释放时触发该事件。 onKeyPres