JavaSript基本语法－JavaSript的事件.pdfVIP

JavaScript JavaScript JavaScript JavaScript JJaavvaaSSccrriipptt基本语法－JJaavvaaSSccrriipptt的事件 2008-08-13 222 2008-08-13 222 发布时间-0088--1133 点击率：222222 JavaScript是基于对象（object-based的语言。而基于对象的基本特征，就是采用事件驱动（event-driven）。 它是在图形界面的环境下,使得一切输入变化简单化.通常鼠标或热键的动作我们称之为事件(Event)， 而由鼠标或热键引发的一连串程序的动作，称之为事件驱动（EventDriver）。而对事件进行处理程序 或函数，我们称之为事件处理程序（Event Handler）。 利用JavaScript 的事件，主要有下面两个用途： ● 验证用户输入窗体的数据 ● 增加页面的动态效果 一般来说，一个利用JavaScript实现交互功能的Web网页总是有3个部分的内容： ● 在Head部分定义一些 javascript 函数，其中的一些可能是事件处理函数，另外一些可能是为了配 合这些事件处理函数而编写的普通函数。 ● HTML本身的各种控制标记。 ● 拥有句柄属性的 HTML标记，主要涉及到一些界面元素。这些元素可以把HTML同JavaScript 代码相连。 为了理解JavaScript 的事件处理模型，可以设想一下在一个Web页面可能会遇到怎样的用户响应。归 纳起来，必须使用的事件主要有3大类： 一类是引起页面之间跳转的事件，主要是超链接事件；在一类是浏览器自己引起的事件，例如网页的 装载、表单的提交等；另一类事件是在表单内部同界面对象的交互，包括界面对象的选定、改变等。 可以按照应用程序的具体功能自由设计。 onClick 事件 鼠标单击事件是最常见的事件之一，当用户单击鼠标按钮时。同时onClick指定的事件处理程序或代 码将被调用执行。 文件范例：15-14.htm 在脚本中使用onClick事件。 01 !-- 02 !-- 文件范例：15-14.htm -- 03 !-- 文件说明：OnClick 事件 -- 04 !-- 05 HTML 06 HEAD 07 TITLEOnClick 事件/TITLE 08 /HEAD 09 BODY 10 Form 11 Input type=buttonValue=请点击我onClick=alert(你好！) 12 /Form 13 /BODY 14 /HTML 文件说明 第11行使用 onClick事件弹出警告提示对话框。 onChange 事件 onChange 事件就是当文本框的内容改变时发生的事件。 文件范例：15-15.htm 在脚本中使用onChange 事件。 01 !-- 02 !-- 文件范例：15-15.htm -- 03 !-- 文件说明：OnChange 事件 -- 04 !-- 05 HTML 06 HEAD 07 TITLEOnChange 事件/TITLE 08 /HEAD 09 BODY 10 Form 11 Input type=text name=Testvalue=TestonChange=alert(TextBox值发生了变化！) 12 /Form 13 /BODY 14 /HTML 文件说明 第11行使用onChange事件，当文本框内容发生改变的时候弹出警告提示对话框。 onSelect 事件 onSelect 事件就是当文本框的内容被选中时发生的事件。 文件范例：15-16.htm 在脚本中使用onSelect 事件 01 !-- 02 !-- 文件范例：15-16.htm -- 03 !-- 文件说明：OnSelect 事件 -- 04 !-- 05 HTML 06 HEAD 07 TITLEOnSelect 事件/TITLE 08 /HEAD 09 BODY 10 Form 11 Input type=text name=Testvalue=TestonSelect=alert(我被选中了！) 12 /Form 13