WEB 程序设计4 4 JavaScript程序设计.pptVIP

WEB 程序设计 武汉大学信息管理学院 邓仲华 4 JavaScript程序设计 4.1 JavaScript概述 4.2 基本语法结构 4.3 JavaScript程序的要素 4.4 JavaScript的对象操作 4.5 常用内部对象 4.6 浏览器的对象系统 4.1 JavaScript概述 4.1.1 JavaScript的特点 4.1.2 JavaScript与Java 4.1.3 在HTML文档中嵌入JavaScript 4.1 JavaScript概述 4.1.1 JavaScript特点 脚本语言，解释执行 内嵌在HTML中，浏览器解释 基于对象的可编程语言，使Web程序设计得以实现，增强Web程序设计的灵活性 4.1 JavaScript概述 基于对象 事件驱动 安全性 简单性 平台无关性 4.1 JavaScript概述 4.1.2 JavaScript与Java 4.1 JavaScript概述 4.1.3 在HTML文档中嵌入JavaScript 4.1 JavaScript概述 4.1.3 在HTML文档中嵌入JavaScript 4.1 JavaScript概述 4.1.3 在HTML文档中嵌入JavaScript 4.2 基本语句结构 4.2.1 基本数据类型 4.2.2 表达式 4.2.3 运算符 4.2.1 基本数据类型 1 常量 2 变量 3 关键字 4.2.1 基本数据类型 1 常量 2 变量 3 关键字 4.2.1 基本数据类型 1 常量 2 变量 3 关键字 4.2.1 基本数据类型 1 常量 2 变量 3 关键字 (列于表4.2中) 4.2.2 表达式 1 条件表达式 2 表达式的赋值 4.2.2 表达式 1 条件表达式: (条件)? A : B 2 表达式的赋值 4.2.2 表达式 1 条件表达式 2 表达式的赋值 4.3 JavaScript程序的要素 4.3.1 流程控制语句 4.3.2 函数 4.3.3 事件驱动与事件处理 4.3.1 流程控制语句 1 if 2 switch 3 for 4 while 5 do…while 6 continue 7 break 4.3.1 流程控制语句 1 if 2 switch 3 for 4 while 5 do…while 6 continue 7 break 4.3.1 流程控制语句 1 if 2 switch 3 for 4 while 5 do…while 6 continue 7 break 4.3.1 流程控制语句 1 if 2 switch 3 for 4 while 5 do…while 6 continue 4.3.1 流程控制语句 1 if 2 switch 3 for 4 while 5 do…while 6 continue 7 break 4.3.1 流程控制语句 1 if 2 switch 3 for 4 while 5 do…while 6 continue 7 break 4.3.1 流程控制语句 1 if 2 switch 3 for 4 while 5 do…while 6 continue 7 break 4.3.2 函数 1 函数的基本形式 2 常用系统函数 3自定义函数 4.3.2 函数 1 基本形式 function 函数名 （参数1，参数2，…）{ 函数体； return 表达式； //可选 } 4.3.2 函数 2.1 prompt函数 显示文本输入提示对话框，并把用户的输入保存到返回值中。 4.3.2 函数 2.1 prompt函数 例 4.3.2 函数 2.2 confirm函数 在界面上出现一个对话框，并将用户的选择结果送到指定的变量中 。 4.3.2 函数 2.3 eval函数 4.3.2 函数 3 自定义函数 无返回值函数:例4.13 有返回值函数:例4.14 4.3.3 事件处理 1 onClick 2 onChange 3 onSelect 4 onFocus 5 onBlur 6 onLoad 7 onUnload 4.3.3 事件处理 1 onClick事件 单击事件:当鼠标点击时产生的事件。 4.3.3 事件处理 2 onChange事件 4.3.3 事件处理 3 onSelect事件 选中事件:文字被选中(加亮)时发生。 4.3.3 事件处理 4 onFocus事件 获取焦点事件:当对象成为焦点时发生。 4.3.3 事件处理 5 onBlur事件 失去焦点事件:当焦点从对象移开发发生。 4.3.3 事件处理 6 onLoad事件 启动事件:当文档启动时发生。 4.3.3 事件处理 7 onUnload事件 卸载事