1、实验八 在网页中加入行为应用【实验目的】通过本实验，使学生熟悉如何在网页中通过加入行为应用使得网页更丰富多彩的方法。【实验要求】1 了解什么是行为应用；2 掌握设置各种行为应用的方法。【实验内容】在已制作好的网页 index.html 上添加各种行为应用。【基础知识】1、行为（Behavior）是在 Dreamweaver 8 中预置的 JavaScript 程序，由事件（event ）和对应动作（actions）组成。它能实现用户与网页间的交互，通过某个动作来触发某项计划。如当用户在页面中将鼠标移动并单击某一个链接后，载入了一幅图像，这就产生了两个事件 onMouseOver 和 onCli
2、ck，同时触发了一个动作载入图像。 2、浏览器都会提供一组事件，事件与动作相关联。当访问者与网页进行交互时，浏览器生成事件，但并非所有的事件都是交互的，如设置网页每 10s 自动重新载入。根据所选对象和指定的浏览器的不同，事件将有所不同。Internet Explorer 和 Netscape Navigator 是当今主的流浏览器。IE4 表明此事件适用于 Internet Explorer 4.0 浏览器，NE4 表明此事件适用于Netscape Navigator 4.0 浏览器。 3、在使用行为前要先了解行为的具体操作场所“行为”面板，在 Dreamweaver 8 右侧的浮动面板组中
3、打开“标签” 面板，在其中单击“ 行为”选项卡打开“ 行为”面板，如没有“行为”面板，可以选择窗口 行为菜单命令，也可按【Shift+F4】键打开“ 行为”面板。 4、OnClick 当访问者在指定的元素上单击时发生OnDblClick 当访问者在指定的元素上双击时发生OnKeyDown 当按下任意键的同时发生OnKeyUp 当按下的键松开时发生OnKeyPress 当按下和松开任意键时发生。此事件相当于把 OnKeyDown 和 OnKeyUp 这两个事件合在一起OnLoad 当一图像或网页载入完成时发生OnMouseDown当访问者按下鼠标时发生OnMouseMove 当访问者将鼠标在指定
4、元素上移动时发生OnMouseOut 当鼠标从指定元素上移开时发生OnMouseOver 当鼠标移动到指定元素时发生OnMouseUp 当鼠标弹起时发生OnSubmit 当访问者提交表格时发生OnUnload 当访问者离开网页时发生【实验步骤】1、当网页打开时弹出信息（1）选中标签，单击【行为】面板中的 按钮，在弹出的菜单中选择 【弹出信息】选项（2）在对话框中设置要显示的文本“欢迎来到吉林市利江防腐钢衬玻璃有限公司网站！” ，如图所示（3）单击【确定】按钮（4）在文档中选中设置弹出信息的对象，在行为面板中设置动作为 onload，让页面在加载时，就自动弹出该信息对话框。2、弹出窗口在各大门户
5、网站中，经常可以看到一些弹出的小窗口，大部分是用来显示广告。广告窗口对网站来讲是提高效益，对企业来讲是提高点击率、扩大宣传，这是一举两得的事。弹出窗口可以使用【行为】面板中的【打开浏览器窗口】命令实现。（1）将实验素材中的 openwindow.htm 文件作为弹出窗口，index.htm 作为主窗口（2）选中 index.htm 文档的标签，单击【行为】面板中的 按钮，在弹出的菜单中选择【打开浏览器窗口】选项。参数设置 描述要显示的 URL 弹出窗口的页面地址窗口宽度 弹出窗口的宽度窗口高度 弹出窗口的高度属性导航工具栏 设置是否在弹出窗口中显示浏览器的导航工具栏菜单条 设置是否在弹出窗口中
6、显示浏览器的菜单条地址工具栏 设置是否在弹出窗口中显示浏览器的地址工具栏需要时使用滚动条 设置是否在弹出窗口中显示浏览器的滚动条状态栏 设置是否在弹出窗口中显示浏览器的状态栏调整大小手柄 设置弹出窗口是否可以让用户调整窗口大小窗口名称 设置弹出窗口的名称（3）弹出窗口页面的 Flash 大小为宽 300，高 250，以此标准来设置弹出窗口的大小。（4）单击【确定】按钮，在【行为】面板中设置动作为 onload。3、设置状态栏文本在网页中当鼠标移到有链接的对象上时，在状态栏中会显示该链接的 URL 地址，而在浏览网页时有时会看到状态栏中有跑马灯的效果或网站的欢迎信息，这可以通过在行为面板中设置状
7、态栏文本来实现。（1）打开 index.htm，选中图片 z.gif，单击【行为】面板中的 按钮，在弹出的菜单中选择【设置文本】【设置状态栏文本】选项，打开【设置状态栏文本】对话框。（2）在对话框中的【消息】文本框中输入在状态栏中显示的文本。（3）点击【确定】按钮，在【行为】面板中设置动作为 onmouseover。（4）保存文档，在浏览器中预览网页的效果。当鼠标移动设置的图片 z.gif 上时状态栏就出现了设置的文本内容。当鼠标移开后，状态栏仍保留设置的文本。（5）循环滚动方式的设定在首尾标签中设置代码将标签设置为4、时间轴-录制层路径（1）在网页中选择一个图层，单击【修改】【时间轴】【录制层路径】打开【时间轴】属性。（2）使用鼠标拖动图层在网页中移动，移动到合适位置松开鼠标。（3） 单击确定（4）在时间轴属性中选中自动播放和循环，则自动添加了行为应用。5、注意：网页中载有行为应用时，浏览器会出现入下提示请将其允许，此时所设置的行为应用才能够正常展示。
