JAVASCRIPT 语言简介教案.docVIP

教 案 首 页 共6课时 课题 ５.３　JAVASCRIPT 语言简介 课型 理论课 教 学 目 的 掌握 JavaScript 基本语法基础；内置对象的常用属性和方法使用；浏览器对象属性和方法；培养 JavaScript 基本的程序实际能力；培养编写浏览器对象的事件处理程序的能力。 重点 难点 1、数据类型转换 2、内置对象的常用属性和方法 3、浏览器对象的事件处理程序的编写 教具 挂图 多媒体投影设备，PC 教学方法 讲授法 演示法 授课班级 授课日期 月 日 月 日 月 日 月 日 月 日 月 日 教 学 过 程 1、导入新课：§５.３　JAVASCRIPT 语言简介 2、第一讲：JAVASCRIPT基本语法 3、第二讲：JAVASCRIPT常用内置对象 4、第三讲：浏览器对象属性和方法，JavaScript事件编程 课后小结 【回顾】HTML超文本标记语言描述了网页的基本构成元素；样式表（CSS）是用于向网页添加样式（如字体、颜色、空格）的一种简单机制；二者结合可以构建漂亮的静态页面，但所设计的网页缺乏交互性；“动态 HTML”是 HTML、样式表和脚本的组合，用于为网页增添交互性。 【本讲重点】JAVASCRIPT数据类型和转换，条件语句，循环语句和函数的定义及调用。 ５.３　JAVASCRIPT 语言简介 JAVASCRIPT基本语法 1. JAVASCRIPT简介 　　JavaScript是一种高级的脚本描述语言，不依赖于特定的机器和操作系统，而且独立于操作系统平台，设计它目标是为了尽可能少地占用系统和网络资源。同样JavaScript也可以嵌入HTML文档，是基于对象的脚本程序设计语言。 JavaScript是解释性语言，由浏览器解释完成，不需要对它们进行编译等操作。 　　对于JavaScript有两点必须说明： 　　第一，Microsoft公司在Netscape公司发布的JavaScript基础上，独立开发了自己的JavaScript语言版本JScript。 　　第二，不同的浏览器对脚本语言或其部分功能的支持可能有所不同，但高版本的浏览器 如：IE 5.0以上、Netscape 6.0以上 对脚本语言的支持要好得多。 2. 在网页中使用JAVASCRIPT 方法一：在HTML中直接通过 script language “javascript” . . . 方式嵌入 方法二：通过 script src “js 文件” 的外联式引用 3. JAVASCRIPT的变量定义、数据类型、运算符和表达式 1 . 几个常用的方法： write、alert、confirm 和 prompt 2 . 变量的定义和使用 变量命名规则： 变量名必须以字母或下划线（“_”）开头 变量名可以包含数字、从 A 到 Z 的大写字母和从a到z的小写字母 区分大小写，变量 myVar、myVAR 和 myvar 是三个不同的变量 不能为JavaScript关键字 定义变量 var x; var y ’hello’,z 10; var a new Date ; T true; ［注意］“变量无类型” 3 . 数据类型 JAVASCRIPT的数据类型： 数据类型 说明 示例 数字型 执行逻辑运算 487, 25.95 逻辑型或布尔型 一组字符 true 或 false 字符串 特殊关键字表示不存在的值 “Hello” 空型 执行逻辑运算 null 强制类型转换 4 . 运算符 算术运算符：+　-　*　/　%　++　-- - 比较运算符： 　 　 　 ! 　 逻辑运算符：　||　! 字符串连接运算符：+ 特殊运算符：关系表达式？表达式１：表达式2　　new 运算符　　typeof 运算符号 赋值运算符： 　+ 　- 　* 　/ 　% 运算符的优先级 运算符类型 单个运算符 赋值 + - * / % 条件 ?: 逻辑 – or || 逻辑 – and 等于 ! 关系 加法/减法 + - 乘法/除法 * / % 求反/递增 ! ~ - ++ -- typeof new 5 . 表达式 表达式是由常量、变量和运算符组成，其计算结果是一个值 表达式类型： 算术表达式：表达式结果为数值 ３４％４＋９８－３２／１２ 逻辑表达式：计算结果为逻辑值 3 2! 2-1 字符串表达式：计算结果为字符