04第四讲JavaScrìpt编程的技术[二].pptVIP

第四讲 JavaScript编程技术（二） 4.2－4.4网页事件与对象模型 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. ***温故*** 温故 网页中嵌入脚本有哪几种方式？ 如何定义函数？如何调用函数？ 如何设置或获取表单元素的值？ 作业中的问题 获取文本框中的数据：[document.]表单名.文本框名.value 函数定义： 4个函数，不带参数。 一个函数，带一个参数，function cal(x){}，根据参数不同，进行不同的运算。 语法格式出现错误，如：case 1:--case1: Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. ***知新*** 文档对象模型(DOM) JavaScript 中的常用事件 常用对象属性、方法与事件处理 文本框 文本区域 命令按钮 复选框 单选按钮 组合框 表单验证 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. JavaScript对象 JavaScript处理的对象主要有三种 JavaScript内置对象 String、Math、Array、Date等 浏览器对象 window、document、location、history 文档对象(重点) document对象的下级对象 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 浏览器对象与文档对象分层模型 下图是一个对象树，要引用某个对象就要把父级对象名都列出来。 浏览器对象与文档对象 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 浏览器对象与文档对象分层结构 Window 窗口对象 location 地址对象 document 文档对象 FORM 表单对象 浏览器对象的分层结构 window.document.myform.text1 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. JavaScript事件处理 事件处理三要素：事件源、事件、事件处理程序 事件源：事件产生者，大部分网页标记都能产生事件，如按钮、超链接、图像、段落等 事件：事件源能够识别的一种行为 事件处理程序：事件发生后触发的程序 事件处理程序的基本语法是： 事件名=JavaScript 代码或调用函数 例如： INPUT type=button value=单击我 onClick=alert(你竟敢单击我！)/ 事件源：按钮；事件：单击(onClick)；处理程序：alert() Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. JavaScript 事件概述 事件类型 事件名 说明 鼠标类 onClick 鼠标单击对象时 onMouseOver 鼠标悬停在对象区域时 onMouseOut 鼠标移出对象区域时 onMouseMove 鼠标在对象区域内移动时 onMouseDown 在对象区域内按下鼠标键时 onMouseUp 在对象区域内弹起鼠标按键时 编辑类 onChange 值发生改变时 onFocus 对象获得焦点时，如文本框获得鼠标光标。 onBlur 失去焦点时 表单类 onSubmit 单击submit按钮提交表单时 文档类 onLoad 网页文档加载时 键盘类 onKeyDown 按下键盘按键时 … Evaluation only. Created with Aspose.Slides for .NET 3.5