JS行为事件简介

发布日期:2010-08-03 作者:mi52.com 人气:

行为(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----网页上元素的属性发生改变时发生
onClick----单击网页上的某元素时
onDblclick----双击网页上的某元素时
onError----浏览器在打开网页过程中(下载期间)有错误时发生
onHelp----用户点击浏览器帮助时发生
onKeyDown----按下任意键时(未释放)
onKeyPress----按下任意键时(已释放)
onKeyUP----当按键被释放时发生
onLoad----网页或图像调入完成后发生
onMouseDown----在网页的某元素上按下鼠标时发生
onMouseUP----释放按下的鼠标时发生
onMouseMove----在网页的某元素上移动鼠标时发生
onMouseOut----从网页的某元素上移出鼠标时发生
onMouseOver----从网页的某元素上移入鼠标时发生
onPropertyChange----当指定元素状态改变时发生
onReset----重置表单初始值时发生
onResize----改变浏览器窗口大小时发生
onSelect----选中文字时发生
onScroll----滚屏时发生
onStart----滚动文本开始滚动时发生
onSubmit----提交表单时发生
onUnload----从当前网页退出时发生

功能简介
若要给页面添加行为,那么必须先选择对象,可以是链接、图像、图层等元素,也可以整个页面。如果要给整个页面添加行为,则单击文档窗口状态栏中的<body> 。
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)
功能:拖动层。如创建一些类似拼图之类的游戏。
<Basic>标签下:
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)
功能:根据用户的鼠标操作显示导航条图像的变化及网页的打开
先插入一个导航条,每一个单元有四种状态:初始、移入、点击、点击后再移入。
然后在页面中选择导航条的第一个单元,单击此行为,出现对话框:
<Basic>标签
<Advanced>标签
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)
功能:校验表单数据的合法性

上一篇:js字符串截取

下一篇:js鼠标事件

返回顶部

拨打电话
首页