第2.1节JavaScript.pptVIP

第2讲 JavaScript 　 主讲人：叶林 2010-07 yea_lin@163.com 目标 理解什么是 JavaScript 如何将 JavaScript 嵌入到 HTML 中 理解变量、数据类型和运算符 掌握 if-else 和 switch 语句 使用数组 使用循环语句控制应用程序 创建自定义函数 理解 JavaScript 对象 使用 String、Math 和 Date 等对象 什么是JavaScript 3-1 什么是JavaScript 3-2 什么是JavaScript JavaScript 是一种脚本语言 提供用户交互 动态更改内容 数据验证 将JavaScript嵌入网页 可以将 JavaScript 语句插入 HTML 文档，方式 如下： 使用 SCRIPT 标签将语句嵌入文档 将 JavaScript 源文件链接到 HTML 文档中 使用 Script 标签 使用外部 JS 文件 外部 JavaScript 文件可以链接到 HTML 文档中 SCRIPT 标签的 SRC（源文件）属性可用于包括此外部文件 使用外部 JS 文件 变量 变量名必须以字母或下划线（_）开头 变量可以包含数字、从 A 至 Z 的大小写字母 JavaScript 区分大小写，即变量 myVar、 myVAR 和 myvar 是不同的变量 声明变量 var a; “var” － 用于声明变量的关键字 “a” － 变量名 声明变量 HTML HEAD TITLE使用变量/TITLE SCRIPT LANGUAGE = Javascript var x; x=prompt(淘宝网竟拍，请出一口价,1) ; document.write(拍卖价格+x+BR) // +用来连接多个字符串 document.write(恭喜您，您以最高价拍卖成功！); alert(欢迎下次光临！); /SCRIPT /HEAD /HTML 变量的作用域 常量 数据类型 “+”号的用法-1 “+”号的用法-2 运算符 运算符对一个或多个变量或值（操作数）进行运算，并返 回一个新值 根据所执行的运算，运算符可分为以下类别： 算术运算符 比较运算符 逻辑运算符 运算符 算术运算符-1 算术运算符-2 比较运算符 比较运算符 2-1 比较运算符 运算符 逻辑运算符 逻辑运算符 if 语句 2-1 条件语句用于测试条件。 If语句 2-2 if else 语句 2-1 if(条件) { //JavaScript代码; } else { //JavaScript代码; } If-else语句 2-2 嵌套 if 语句 2-1 if (条件1) { if (条件2) { //JavaScript代码; } } 嵌套If语句 2-2 switch 语句 2-1 switch语句 2-2 总结 网页中嵌入脚本有两种方式：使用Script标签或外部 *. js文件 JavaScript 中声明变量：var 变量名 “+”可以用于两个数相加，还可以用于连接字符串 parseInt() 和 parseFloat() 函数将字符串分别转换为整型和小数 运算符号分为算术运算符、比较运算符、逻辑运算符 条件语句分为if语句，if-else语句、if的嵌套 多分支语句switch根据表达式的值，进入不同的分支执行 数组 4-1 声明数组 var 数组名 = new Array(数组大小); 例： var emp = new Array(3) 添加元素 emp[0] = “AA; emp[1] = “BB; emp[2] = “CC; 数组 4-2 数组 4-3 常用属性 length ：返回数组中元素的个数 常用方法 数组排序 4-2 循环 for循环 do-while while for 循环 while和do－while循环 JavaScript 函数 内置函数 eval 函数： 用于计算字符串表达式的值 isNaN 函数：用于验证参数是否为 NaN（非数字） 自定义函数 定义函数： function 函数名( 参数1,参数2，… ) { 语句; } 调用函数：函数调用一般和表单元素的事件一起使用，调用格式为：事件名＝“函数名” ; 函数的应用 定义函数 调用函数 JavaScript 对象简介 2-1 对象是属性和/方法的组合 属性是对象所拥有的一组外观特征，一般为名词 方法是对象可以执行的功能，一般为动词