行为: 概述
行为是预置的JavaScript程序，使用行为使得网页制作人员不用编程而实现一些程序动作。行为是事件和该事件所触发的动作的一个结合。在[行为]面板中，可以先指定一个动作，再指定触发该动作的事件，从而将行为添加到页面。
行为面板
使用[行为]面板为页面元素（即标签）附加行为并可以修改以前所附加行为的参数。
[行为]面板具有下列选项：
事件
Dreamweaver提供多种事件来触发的常用动作。
|
事件 |
浏览器 |
说 明 |
| onAbort | NS3, NS4, IE4, IE5 | 当用户终止浏览器加载图象时产生。例如，当来访者在加载图象时点击浏览器的[停止]按钮 |
| onAfterUpdate | IE4, IE5 | 当页面的绑定数据元素结束更新数据源时产生 |
| onBeforeUpdate | IE4, IE5 | 当页面的绑定数据元素已经修改，并即将失去焦点时产生（也就是准备更新数据源的 |
| onBlur | NS3, NS4, IE3, IE4, IE5 | 与onFocus相反，onBlur事件在指定元素不再是来访者交互的焦点时产生。例如，当来访者先在文本域中点击，然后再在其外点击，这时候浏览器将为文本域产生一个onBlur事件。 |
| onBounce | IE4, IE5 | 当字幕元素的内容已经到达字幕的边界时产生 |
| onChange | NS3, NS4, IE3, IE4, IE5 | 当来访者改变页面的一个值时产生。如当来访者从菜单中选取一个项目，或者来访者修改了文本域的内容，然后又在页面的别处点击 |
| onClick | NS3, NS4, IE3, IE4, IE5 | 当来访者点击指定元素，如链接，按钮或图象地图时产生。（来访者没有松开鼠标按钮之前，点击不算完成。使用onMouseDown可以让鼠标按钮按下时动作立即发生。） |
| onDblClick | NS4, IE4, IE5 | 当来访者双击指定元素时产生。即在指向该元素时快速按下并松开鼠标按钮。 |
| onError | NS3, NS4, IE4, IE５ | 当加载图象和页面时如果发生浏览器错误，该事件产生 |
| onFinish | IE4, IE5 | 当字幕元素的内容结束一个循环时产生 |
| onFocus | NS3, NS4, IE3, IE4, IE５ | 当指定元素成为来访者交互的焦点时产生。例如，在表单的文本域中点击便产生一个onFocus事件 |
| onHelp | IE4, IE5 | 在来访者点击浏览器的[帮助]按钮或者从浏览器菜单中选取[帮助]时产生 |
| onKeyDown | NS4, IE4, IE5 | 在来访者按下任何键的同时产生。（来访者不需松开键该事件就能产生。）浏览器并不能确定是哪个键被按下 |
| onKeyPress | NS4, IE4, IE5 | 当用户按下并松开任何键时产生。这就好象是onKeyDown和onKeyUp两个事件的组合。浏览器并不能确定是哪个键被按下 |
| onKeyUp | NS4, IE4, IE5 | 当来访者按下一个键，然后松开该键时产生。浏览器并不能确定是哪个键被按下 |
| onLoad | NS3, NS4, IE3, IE4, IE5 | 当图象或页面结束加载时产生 |
| onMouseDown | NS4, IE4, IE5 | 当来访者按下鼠标按钮时产生。（来访者不需松开鼠标按钮该事件就能产生。） |
| onMouseMove | IE3, IE4, IE5 | 当来访者指向了某指定元素时又移动了鼠标的情况下产生。（也就是说鼠标还是停留在元素的边界内。 |
| onMouseOut | NS3, NS4, IE4, IE5 | 当鼠标指针从指定元素上移开时产生。（指定元素通常是图象或附加在图象上的链接）该事件通常是在来访者不再指向该图象时，和[恢复交换图象]行为联合使用以将一幅图象还原到其原始状态。 |
| onMouseOver | NS3, NS4, IE3, IE4, IE5 | 当用户鼠标第一次移动到指定元素上方时产生（也就是指针从不是指向该元素到指向该元素）。该事件指定的元素通常是链接。 |
| onMouseUp | NS4, IE4, IE5 | 当被按下的鼠标按钮松开时产生 |
| onMove | NS4 | 当窗口或框架移动时产生 |
| onReadyStateChange | IE4, IE5 | 当指定元素的状态改变时产生。可能的元素状态包括uninitialized，loading和complete |
| onReset | NS3, NS4, IE3, IE4, IE5 | 当表单被恢复到默认值时产生。 |
| onResize | NS4, IE4, IE5 | 当来访者调整浏览器窗口或框架大小时产生 |
| onRowEnter | IE4, IE5 | 当绑定数据源的当前记录指针改变时产生 |
| onRowExit | IE4, IE5 | 当绑定数据源的当前记录指针准备改变时产生 |
| onScroll | IE4, IE5 | 当来访者上下滚动页面时产生 |
| onSelect | NS3, NS4, IE3, IE4, IE5 | 当来访者在文本域中选取文本时产生 |
| onStart | IE4, IE5 | 当字幕元素的内容开始一个循环时产生 |
| onSubmit | NS3, NS4, IE3, IE4, IE5 | 当来访者提交表单时产生 |
| onUnload | NS3, NS4, IE3, IE4, IE5 | 当来访者离开页面时产生 |
附加行为
可以对整个文档（也就是对body标签）附加行为，也可以对链接，图象，表单元素或其他任何HTML元素附加行为。如果浏览器支持该行为，将会显示在菜单栏中。可以为每个事件指定一个以上的动作。动作将按它们在[行为]面板的[动作]列中的排列顺序依次发生。
附加行为步骤：
1）选取页面上的元素，如图象或链接。若要为整个页面附加行为，在[文档]窗口左下角的标签选择器中点击<body>标签。
2）选择[窗口→行为]打开[行为]面板。 选定对象的HTML标签出现在[行为]面板的标题栏中。
3）点击（+）按钮并从[动作]弹出式菜单中选择一个动作。当选择一个动作后，对话框出现，显示该动作的参数和指示
4） 输入动作的参数，点击[确定]。
5） 触发该动作的默认事件出现在[事件]列中。如果不是所需的触发事件，则从[事件]弹出式菜单中选择另一个事件。在[事件]弹出式菜单中出现的不同事件主要取决于选定的对象和在[选择浏览器]子菜单中指定的浏览器。如果相关对象在页面中不存在或者选取对象不能接受事件时，菜单中的相应事件便是灰色的。如果所期望的事件没有出现，确认选取了正确的对象，或者在[选择浏览器]子菜单中改变目标浏览器。
说明：
１. 如果为图象附加行为，一些事件（如onMouseOver）会在圆括号中出现，表示这些事件只适用于链接。当选定其中一个时，Dreamweaver将使用a标签将图象包含起来以为之定义一个空链接。空链接在[属性]检查器的链接框中表示为javascript:;。如果想将它转化为一个链接到其他页面的真正链接可以修改该值。但是如果删除了JavaScript链接又没有使用其他链接替换它，那么该行为也会被删除。）
弹出消息动作将使用指定的消息显示一条JavaScript警告。
1）选择对象并打开[行为]面板。
2）点击（+）按钮并从[动作]弹出式菜单中选择[弹出信息]。
3）在[信息]域中输入的消息。
4）点击[确定]。
5）检查默认事件是否是需要的事件。如果该事件不是所需的，从弹出式菜单中选择另一个事件。
练习13-1
1.制作一个链接，当单击该链接时弹出信息“本链接网页尚末完成，抱歉！”（在文字属性上加上空链接javascript:;)
设置状态条文本动作将在浏览器窗口左下角的状态栏中显示消息。
1）选择对象并打开[行为]面板。
2）点击（+）按钮并从[动作]弹出式菜单中选择[设置文本→设置状态条文本]。
3）在[设置状态条文本]对话框的[信息]域中输入消息。消息一定要简短，如果它超出状态栏的大小，浏览器将自动截短该消息。
4）点击[确定]。
5）检查默认事件是否是需要的事件。如果该事件不是所需的，从弹出式菜单中选择另一个事件.
练习：
制作一个链接，用行为面板加载两个设置状态栏动作，一个有提示信息的，触发事为：onMouseOver；一个没有提示信息的，触发事件为：onMouseOut。
使用打开浏览器窗口动作在一个新窗口中打开URL。可以指定新窗口的属性，包括其大小，属性、无菜单条、名称。如果不为窗口设置属性，那么它将使用启动它的窗口的大小和属性打开。
1）选择对象并打开行为面板。
2）点击（+）按钮并从动作弹出式菜单中选择打开浏览器窗口。
3）点击浏览选取文件，或者输入需要显示的URL。
4）设置下列选项：
窗口宽度： 指定以象素为单位的窗口宽度。
窗口高度： 指定以象素为单位的窗口高度。
导航工具栏： 浏览器按钮包括前进，后退，主页和刷新。
地址工具栏： 浏览器地址域。
状态栏： 浏览器窗口底部的区域，用于显示信息（如剩余加载时间，和URL关联的链接）。
菜单条： 浏览器窗口菜单。
需要时使用滚动条：指定如果内容超过可见区域时滚动条自动出现。
调整大小手柄： 指定用户是否可以调整窗口大小，
窗口名称：新窗口的名称。如果想使用其作为链接目标或者用JavaScript控制它，那么应该给新窗口命名。
5）点击确定。
6）检查默认事件是否是您需要的事件。如果事件不是所需的，从弹出式菜单中选择另一个事件。
练习：
1.建立一个图形的缩略图，当点击时打开一个浏览器窗口显示原图。
方法：
插入一张图片，双击在fireworks中打开，选择修改—图象大小，将图片的宽设置为40象素，选择文件—导出将缩小后的图片导出到网站文件夹中。
将原图删除后插入缩小后的图片，选中后设置打开浏览器窗口行为，在该窗口中打开原图，并将打开的窗口设置为原图大小。
使用[改变属性]动作可以改变对象属性中某一项的值。注意：只有非常熟悉HTML和JavaScript时才能使用该动作。
1) 选取对象并打开[行为]面板。
2) 点击（+）按钮并从[动作]弹出式菜单中选择[改变属性]。
3) 从[对象类型]弹出式菜单中选择要改变的属性所属对象的类型。[命名对象]弹出式菜单中列出所选择类型的已命名对象。如果是键入属性名称，一定要使用该属性确切的JavaScript名称（JavaScript属性是大小写敏感的）。
4) 从[命名对象]弹出式菜单中选择一个对象。
5) 从[属性]弹出式菜单中选择一种属性，或者在文本域中输入属性名称。
6) 在[新的值]域内输入属性的新值并点击[确定]。
7) 查看默认事件是否是需要的事件。
练习13-4
插入一张图象，使用改变属性行为当MouseOver时改变height为 490,width为470；当MouseOut时height为49，width为47。
[调用JavaScript]动作可以使用[行为]面板指定当事件发生时要执行的自定义函数或者JavaScript代码。
1）选取对象并打开[行为]面板。
2）点击（+）按钮并从[动作]弹出式菜单中选择[调用JavaScript]。
3）键入所需执行的JavaScript语句或者函数的名称。
4）点击[确定]。
5）查看默认事件是否是需要的事件。如果该事件不是所需的，从弹出式菜单中选择另一个事件。
练习
对一张图象建立一个调用JavaScript动作，当点击图象时执行JavaScript的alert语句
方法：
插入一张图象，图象的链接为mailto:jsj@clc.edu.cn
选取图象，设置调用JavaScript动作，在调用JavaScript框中输入
alert('谢谢你给我来信！！！')
使用[检查浏览器]动作判断来访者使用的浏览器类型和版本，并根据这些信息将他们导向不同的页面。例如，可能需要使用Navigator 4.0及以后版本的用户转到某个页面，而使用Internet Explorer 4.0及以后版本的用户去往另一个页面，而使用其他类型浏览器的用户停留在当前页面。
可以将该行为附加到页面的body标签上，也可以将该行为附加到空链接上（如<a href="javascript:;">），并根据来访者的浏览器类型和版本让动作来决定链接的目的地。
1）选择对象并打开[行为]面板。
2）点击（+）按钮并从[动作]弹出式菜单中选择[检查浏览器]。
3）决定如何分流的来访者：通过浏览器类型，或者浏览器版本或者两者都用。
4）指定Netscape Navigator的版本。
5) 指定Internet Explorer的版本。
6) 从[其他浏览器]弹出式菜单中选择一个选项，在该选项中指定如果浏览器既不是Navigator又不是Internet Explorer(注：对于非Navigator或IE的浏览器来说[留在此页]应该是最好的选择，因为这些浏览器绝大部分不支持JavaScript。而且如果它们不能解释该行为时也将始终留在该页面。）
7)在对话框底部的文本域中输入URL和替代URL的路径与文件名称。如果输入的是远程URL，必须要在WWW地址前加上http://的前缀。
8) 点击[确定]。
9)检查默认事件是否是需要的事件。
使用[检查插件]动作可以根据用户是否安装了指定插件来将他们导向到不同的页面。例如，可能需要将安装有Flash的来访者引导向一个页面，而没有安装的来访者引导到另一个页面。
1)选择对象并打开[行为]面板。
2)点击（+）按钮并从[动作]弹出式菜单中选择[检查插件]。
3)从[插件]弹出式菜单中选择插件.
4)在[如果有，前往URL]域中，指定拥有该插件的来访者要前往的URL。如果指定的是远程URL，则地址前面一定要加上http://前缀。若要使具有该插件的用户停留在此页面上，则该域不填。
5) 在[否则，前往URL]域中，指定没有该插件的用户要前往的URL。若要使没有该插件的用户停留在此页面上，则该域不填。
6) 默认情况下当检测不能进行时，用户将被导向[否则，前往URL]域中的地址。如果要将用户导向第一个（如果有）URL，选择[如果无法侦测，永远前往第一个URL]选项。
7) 点击[确定]。
8) 检查默认事件是否是需要的事件。如果该事件不是所需的，从弹出式菜单中选择另一个事件。
1) 选择[插入→媒体→Shockwave]或[插入→媒体→Flash]以分别插入Shockwave或Flash影片。
2) 选择[窗口→属性]并在左上角区域中输入该影片的名称（Shockwave或Flash图标旁边）。必须命名影片，这样才能使用[控制Shockwave或Flash]动作来控制它。
3) 选取需要用于控制Shockwave或Flash影片的项目。
4) 打开[行为]面板（[窗口→行为]）。
5) 点击（+）按钮并从[动作]弹出式菜单中选择[控制Shockwave或Flash]。
6) 从[影片]弹出式菜单中选择影片。
7) 选择播放，停止，向后跳进或者前往某帧。[播放]选项将从动作发生所在的帧开始播放影片。
8) 点击[确定]。
9) 检查默认事件是否是需要的事件。如果该事件不是所需的，从弹出式菜单中选择另一个事件。
使用[播放声音]动作可以播放声音。例如，可以在鼠标经过某链接时播放音效，或者在加载页面时播放音乐剪辑等。
1）选择对象并打开[行为]面板。
2）点击（+）按钮并从[动作]弹出式菜单中选择[播放声音]。
3）点击[浏览]选取声音文件，或者在[播放声音]域中输入路径和文件名称。
4）点击[确定]。
5 检查默认事件是否是需要的事件。如果该事件不是所需的，从弹出式菜单中选择另一个事件。
例:制作一个网页当装载时自动播放音乐。 方法：选择网页的<body>标签，设置播放音乐的行为；
练习 当点击某对象时播放声音。方法：选择对象后设置播放音乐的行为
|