Web程序设计jsp课件-JavaScript1.ppt

主要内容 什么是 JavaScript 如何将 JavaScript 嵌入到 HTML 中 JavaScript的基础知识 自定义函数 内置函数 理解 JavaScript 对象 使用 String、Math 和 Date 等对象 什么是JavaScript 2-1 什么是JavaScript2-2 JavaScript是由Netscape公司开发，是基于对象事件驱动的网页脚本语言。 开发环境简单，直接在Web浏览器中运行 针对浏览器编程的脚本语言 功能 界面设计：具有特效的界面，各种网页摆件（时钟） 计算功能：数据验证等，代替部分服务器功能 数据传递：页面中各组成部分（框架之间，div之间，对象之间） 将JavaScript嵌入网页 可以将 JavaScript 语句插入 HTML 文档，方式 如下： 使用 SCRIPT 标签将语句嵌入文档 将 JavaScript 源文件链接到 HTML 文档中 JavaScript的源文件后缀为*.js 使用 Script 标签 使用外部 JS 文件 外部 JavaScript 文件可以链接到 HTML 文档中 SCRIPT 标签的 SRC（源文件）属性可用于包括此外部文件 使用外部 JS 文件 JavaScript的基础知识 变量 变量名必须以字母或下划线（_）开头 变量可以包含数字、从 A 至 Z 的大小写字母 JavaScript 区分大小写，即变量 myVar、 myVAR 和 myvar 是不同的变量 JS中，变量的类型由系统自动决定 声明变量 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 运算符 运算符对一个或多个变量或值（操作数）进行运算，并返 回一个新值 根据所执行的运算，运算符可分为以下类别： 算术运算符 比较运算符 逻辑运算符 算术运算符 比较运算符 逻辑运算符 控制流语句 控制流语句用于引导应用程序的执行 判断语句：检查现有的条件并决定适当的操作过程 if-else 语句 switch-case 语句 循环语句：用于重复执行一组操作 while 循环 do-while 循环 for 循环 跳转语句：允许以非线性的方式执行程序 break语句 continue语句 return语句 判断语句if-else If-else 语句测试条件的结果，然后根据此结果来执行相应的操作 它可用于以两个不同的路径来执行程序 if-else 语句的语法为： if (condition) { JavaScript语句; } else { JavaScript语句; } 判断语句switch-case switch-case 语句可用于替换 if-else-if 语句 在表达式可以得出多个值的情况下，使用此语句 使用 switch-case 语句会带来更好的效果 switch-case 语句的语法为： switch (表达式) { case 1: JavaScript 的语句; break; case 2: JavaScript的语句; break; …. case n : JavaScript的语句; break; default: 默认语句; } 循环语句 数组 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-4 自定义函数 定义函数： function 函数名(参数1,参数2，… ) { 语句; } 调用