PHP基础教程_C13_javascript05.pdfVIP

JS04-事件处理与BOM对象 主讲 邮箱 课前复习 对象的基本操作 for…in ，with语法的使用 JavaScript内置对象 预习检查 JavaScript事件的组成部分 常用的JS事件 什么是BOM window对象的子对象 本章内容 1. 事件驱动与事件处理 2. 常用的事件 3. JavaScript的对象层次 4. BOM-浏览器对象模型 5. window对象 6. window对象的子对象 1. 事件驱动与事件处理 当文档或文档中的元素发生了某些动作时 ，浏览器就会产生 一个事件。 JavaScript程序员可以事先定义好一个事件的处理程序 ，一 旦浏览器中产生了某个事件 ，浏览器就会 自动调用该处理程序。 这种通过事件来调用程序的方式称为事件驱动。 JavaScript是基于对象采用的事件驱动。 事件中的三要素 ：事件源、事件、事件处理。 设置对象事件的方法 1.在HTML元素属性中设置对象事件 input type=“button” value=“按钮” onclick=“btclick()” 2.在JavaScript代码中设置对象事件 script document.forms[0].elements[0].onclick=“alert(‘button’)”; /script 显示调用事件处理程序 form name=“myform” input type=“button” value “提交” onclick “btclick()” /form script function btclick(){ alert(‘您单击了按钮’); } document.forms[0].elements[0].onclick(); /script 2. 常用事件 事件名称 说明 支持元素 浏览器加载一个窗口或框 load BODY 、FRAMESET 架集中的所有框架 浏览器从窗口或框架中卸 unload BODY 、FRAMESET 载文档 单击鼠标，指按下并释放 click 大多数元素 鼠标键 dbclick 双击鼠标 大多数元素 mousedown 按下鼠标键 （并没有释放） 大多数元素 mouseup 释放鼠标键 大多数元素