javascript行为事件简介

CoLee★＂ — Thu, 23 Jul 2009 03:37:34 +0000

行为事件简介

行为(Behaviors): 为响应某一事件(Event)而采取的一个动作（Action)的过程。行为由事件和动作两部分组成。

动作（Action）:是一段程序，用于完成某一组特定的操作，如打开一个窗口，播放一段音乐等，Dreamweaver中有20多种行为。

事件（Event):是由用户或浏览器触发的操作，一个事件总是针对网页元素或标签而言，如onMouseOver、onClick、onMouseOut等。
注意：只有在4.0以上版本的浏览器才支持Dreamweaver中的大多数行为，所以我们在使用行为之前要先设置一下浏览器，在Window—–Behavior—-Show Events For—-IE 5.0

常用事件：

onAbort—-当用户终止正在打开的网页（下载传输）时发生
onAfterUpdate—-当网页中数据被更新时发生
onFocus—-网页上的元素获得焦点时发生

onBlur—-某元素失去活动焦点时发生（如取消选中的文字）
onChange—-网页上元素的属性发生改变时发生（失去焦点时捕获）
onpropertychange 同上,（能即时捕获）
onClick—-单击网页上的某元素时
onDblclick—-双击网页上的某元素时
onError—-浏览器在打开网页过程中（下载期间）有错误时发生
onHelp—-用户点击浏览器帮助时发生
onKeyDown—-按下任意键时（未释放）
onKeyPress—-按下任意键时（已释放）
onKeyUP—-当按键被释放时发生
onLoad—-网页或图像调入完成后发生
onMouseDown—-在网页的某元素上按下鼠标时发生
onMouseUP—-释放按下的鼠标时发生

onMouseMove—-在网页的某元素上移动鼠标时发生
onMouseOut—-从网页的某元素上移出鼠标时发生
onMouseOver—-从网页的某元素上移入鼠标时发生
onPropertyChange—-当指定元素状态改变时发生
onReset—-重置表单初始值时发生
onResize—-改变浏览器窗口大小时发生
onSelect—-选中文字时发生
onScroll—-滚屏时发生
onStart—-滚动文本开始滚动时发生
onSubmit—-提交表单时发生
onUnload—-从当前网页退出时发生

功能简介
若要给页面添加行为，那么必须先选择对象，可以是链接、图像、图层等元素，也可以整个页面。如果要给整个页面添加行为，则单击文档窗口状态栏中的。
Shift+F3可快速调出行为控制面板：添加/删除行为按钮、事件栏、动作栏、行为列表窗及行为排序按钮。
1、调用JavaScript行为：(Call JaveScript)
功能：执行用户自定义的JavaScript脚本。
2、改变属性行为：（Change Property）
功能：改变元素或对象的属性

Type of Object:选择要改变属性的对象类型
Named Object:选择要改变属性的对象名

Property:Select—选择要改变属性的浏览器
Enter—-如对属性非常熟悉可以直接输入
New Value:输入新的属性值

3、检查浏览器行为：(Check Browser)
功能：检查浏览器的类型和版本，并据此打
开指定的网页。
Stay on this page:保持在当前网页
Go to URL：打开“URL”中指定的网页
Go to Alt URL: 打开“Alt URL”指定的网页
4、检查插件行为：(Check Plugin)
功能：根据浏览器安装插件的情况打开指定的网页。
Plugin:Select—选择要检查的插件类型
Enter—-直接输入要检查的插件类型
If Found Go to URL:若浏览器安装有上面指定的插件则打开此处网页，默认为当前页
Otherwise,Go to URL:若浏览器未安装上面指定的插件，则打开此处网页。
Always go to first URL if detection is not possible:当无法检查浏览器插件时，打开”If Found Go To URL”中指定的网页。
5、控制Shockwave或Flash电影行为：(Control Shockwave or Flash)
功能：控制Shockwave或Flash媒体，如播放、停止等。
Movie:选择要控制的媒体
Action:选择控制所选媒体的方式
Play:播放
Stop:停止
Rewind:返回第一帧
Go To Frame:移到指定帧

6、拖动层行为：(Drag Layer)
功能：拖动层。如创建一些类似拼图之类的游戏。
标签下：
Layer:选择要拖动的层（提前为各层加上不同的标签）
Movement:确定所选层的拖动范围
Unconstrained:在页面上任意拖动
Constrained:在指定范围内拖动（会出现上、下、左、右拖动的距离）
Drop Target:填写所选层拖动的目标位置。单击“Get Current Position”将会自动填入所选层的当前位置。
Snap if Within:在拖动所选层时，当该层离指定的目标位置在多大的范围内时，该层自动移到指定的目标位置（吸入）例如：拼图

7、转到链接行为：(Go To URL)
功能：在指定的窗口或框架打开指定的网页
Open In:选择网页打开的窗口或页框
URL:指定要打开的网页

8、跳转菜单行为：(Jump Menu)
功能：编辑和控制跳转菜单
Insert—Form objects—Jump Menu插入一个多项下拉菜单，可以选择带不带GO按钮
9、执行跳转菜单行为：(Jump Menu Go)
功能：打开跳转菜单中选择的链接
GO按钮的功能：触发不能跳转的项
10、打开浏览器窗口行为：（Open Browser Window）
功能：在新的浏览器窗口中打开指定的网页
URL to Display:要打开的网页地址
Window Width:新打开窗口的宽度
Window Heigh:新打开窗口的高度
Attributes:属性
Navigation Toolbar:导航工具栏
Menu Bar:菜单栏
Location Toolbar:地址栏
ScrollBars AS Needer:滚动条
Status Bar:状态栏
Resize Handles:是否可以改变窗口大小
Window Name:新窗口的名称
11、播放音乐行为：(Play Sound)
功能：可以播放MID音乐，并对音乐进行控制。
当添加此行为时，在页面中插入一个插件占位符，选中此占位符，将属性控制面板中的“Parameters”（参数）项中的“LOOP”的值改为“true”时，音乐可以循环播放。
12、弹出消息行为：(Popup Message)
功能：根据鼠标操作显示指定的信息窗口

13、预载图像行为：(Preload Images)
功能：预先载入图像，可以使网页中的图像得到一定的缓冲，在用户与服务器失去联系时还可以继续传送。

14导航条图像行为：(Set Nav Bar Image)
功能：根据用户的鼠标操作显示导航条图像的变化及网页的打开
先插入一个导航条，每一个单元有四种状态：初始、移入、点击、点击后再移入。
然后在页面中选择导航条的第一个单元，单击此行为，出现对话框：
标签
标签
Over Image or Over While Down Image:
当鼠标移入选中（第一单元）的单元时改变“Also Set Image”中的其它单元的图像
Also Set Image:选择要改变图像的单元
To Image File:改变后的图像
If Down,To Image File:再次改变后的图像
15、文本行为：(Set Text)
Set Text of Frame:设置框架中的文本
Set Text of Layer:设置层中的文本
Set Text of Status Bar:设置浏览器状态栏
Set Text of Text Field:设置表单中文本域
16显示/隐藏层行为：(Show-HideLayers)
17、交换图像行为：(Swap Image)
18、交换—恢复图像行为：(Swap Image Restore)
类似于我们前面讲过的图像翻转，就是利用了这两个行为。
Images:要变化的图像列表
Set Source to:输入要交换的图像文件
Preload Images:是否预载图像
Restore Images onMouseOut:鼠标移出时，是否恢复原来的图像。
添加了onMouseOver—Swap Image和
onMouseOut—Swap Image Restore行为。

19、时间线行为：(Time Line)
play timeline:播放时间线上的动作
stop timeline:停止时间线上的动作
Go to timeline frame:循环控制，跳转到指定帧
20、激活表单行为：(Validate Form)
功能：校验表单数据的合法性

春去花还在-CoLee★＂ » 行为事件

javascript行为事件简介