javascript1JavaScript语法基础.ppt

JavaScript 语法基础,2,目标,理解什么是JavaScript 理解JavaScript的语法基础,3,什么是JavaScript,JavaScript是一种基于对象的脚本语言，用于开发基于客户端和基于服务器的Internet应用程序 可用于创建客户端脚本和服务器端脚本 由Sun Microsystems 和 Netscape 开发，是从 Netscapes 的 Livescript 发展而来的 Microsoft公司的IE也开始支持JavaScript，开发自己的JavaScript，称为JScript. 目前流行的浏览器都支持JavaScript,4,JavaScript的作用和基本语法规则,使用 JavaScript 的各种功能，可以增强站点的动态性和交互性。 提供用户交互 动态更改内容 验证数据 与其他任何语言一样，JavaScript 也遵循一些基本的语法规则，如： 区分大小写 使用成对的符号 使用空格 使用注释：/ 单行注释 /* 第一行注释内容 第二行注释内容 */,5,JavaScript 工具和运行时环境,JavaScript 代码生成工具和 IDE 有助于创建功能强大的 JavaScript 代码。 纯文本编辑器：Windows中的记事本 “刀耕火种” 专业脚本编辑工具：1st JavaScript Editor等 运行时环境 客户端脚本编写（） Web 服务器上的 JavaScript,6,JavaScript作为客户端程序嵌入网页,使用Script标记 使用外部文件 在事件处理程序中使用JavaScript,7,使用Script标记示例, 祝学有所成! ,Tips：放在或 之间。,8,使用外部文件示例, 祝学有所成! ,document.write(“嗨！你好吗？“),test.js,Tips：JavaScript程序被多个html文件使用，为了减少代码维护，将 JavaScript程序放到一个扩展名为.js的文件中供其他html文件调用。,9,在事件处理程序中使用JavaScript示例, JavaScript示例 ,Tips：当JavaScript程序比较简短时，可以将语句写在标签的事件属性。,10, JavaScript示例 Click Me ,Tips：作为URL的JavaScript代码前要增加javascript:。,11,使用Alert/Confirm/Write方法,使用窗口的Alert方法，可以生成一个对话框 使用窗口的Confirm方法，可以生成一个确认对话框 使用document的Write方法可以创建页面内容,12, 事件处理程序 ,Tips： 1、每条功能执行语句的最后必须用分号(;)结束，一个单独的分号(;)也可以 表示一条语句，即空语句。 英文; 中文； 2、作为属性值的JavaScript脚本程序代码的最后一条语句结尾处的分号 可以省略。建议任何情况下都以分号结束！,13,变量,变量是一种引用内存位置的容器，用于保存在执行脚本时可以更改的值 变量的命令约定： 变量名必须以字母或下划线 (_) 或美元符($)开头 变量名可以包含数字，但是不能以数字开头 由于JavaScript严格区分大小写，所以可用的字母包括A到Z（大写）和a到z（小写）的字符 避免定义以两个下划线(_ _)开头的标识符,14,声明变量,var new_amount; var answer = null; var old_cost = 12.50; var result =“Unknown result“; var a, b, c; result = true;,示例：变量声明与定义,15,变量的作用域,示例：变量的作用域,16,数据类型,在JavaScript中有四种基本的数据类型 基本类型属于弱类型,Tips:非数字特殊值NaN，它和任何数值都不相等，包括它自己，isNaN()检测,17,在JavaScript中还有一个特殊的未定义值，用undefined来表示。表示变量没有被赋值的状态或者对象的某个属性不存在。变量使用时如有以下情况则返回undefined值： 使用了一个并未声明的变量 使用已经声明但还没有赋值的变量 使用了一个并不存在的对象属性,18, null与undefined区别与联系？,null是关键字，undefined是一个全局变量 null表示赋值给变量的是“空”值，是一个确定的值；undefined表示变量还没有被赋值，没有被初始化。 =运算符认为二者相等；如果想区分应该使用测试一致性的运算符=或typeof。 示例：测定null和undefined的数据类型及是否相等,19,运算符,算术运算符 比较运算符 逻辑运算符 字符串运算符 求值运算符,20,算术运算符,21,比较运算符,示例：比较运算符 相等与严格相等比较,22,逻辑运算符,示例：逻辑运算符,23,字符串运算符,x = “yellow“; y = “green“; z = x + y + “white“; 则z为yellowgreenwhite w = y + 9; 则w为green9,示例：字符串运算符 +运算符示例,24,求值运算符,通常这些运算符包括： 条件运算符： (condition) ? trueVal : falseVal typeof 运算符 typeof 运算符返回字符串，该字符串代表操作数的类型,var x = 5; document.write(typeof(x);,status = (age = 18) ? “adult“ : “minor“,25,表达式,表达式用于在不同上下文中操作和计算变量。 表达式是任意一组有效的文字、变量和运算符，其计算结果为一个值。 表达式类型 算术：计算结果为一个数字 逻辑：计算结果为一个布尔值 字符串：计算结果为一个字符串 表达式通过运算符组合变量和文字,26,数组,数组用于存储具有相同数据类型的一组值，使用下标（索引）来区分各个值。 在JavaScript中，数组的下标以零开始。 JavaScript没有明确的数组数据类型，但却有内置的数组对象。要在程序中使用数组，必须使用数组对象及其相关联的方法。,27,创建数组,语法： arrayObjectName = new Array(element0, element1, ., elementN) 初始化 1.将指定的值作为其元素 2.使用arrayName = new Array( N ),对象名,元素值列表,28,数组赋值,在创建数组时将元素的值直接赋给数组。 对数组的元素赋值。,29,访问数组元素,指定元素名 指定元素的索引号,emp“Ryan Dias“ emp0,30,数组对象的元素和方法,length属性 sort方法 join方法 reverse方法,31,多维数组,32,流程控制,顺序结构 选择结构 循环结构,33,流程控制顺序结构,顺序结构非常简单，所有的语句以他们出现的先后顺序执行。 示例：顺序结构,34,流程控制选择条件结构1,if else语句 示例：if语句的使用 if-else求绝对值 if-else判断用户是否成年 if-else学生成绩百分制转等级制,if (condition) statements; else statements2; ,35,流程控制选择条件结构2,switch,switch (expression) case value1: statements; break; case value2: statements; break; . default :statements; ,示例：switch学生成绩百分制转等级制,36,流程控制循环结构,While while循环语句 while求120整数之和 dowhile dowhile求16阶乘 For for求16阶乘 for数组赋值逆序输出 For.in for.in输出数组 for.in输出文本框属性 With with操作document对象属性 Break break语句使用 Continue continue语句使用 九九乘法表？while-break实现九九乘法表 while-continue实现九九乘法表,37,函数,用户自定义函数 创建用户定义的函数 调用函数 return 语句,function funcName(argument1,argument2,etc) statements; ,38,函数示例, function hello( ) document.write (你好！); document.write (欢迎使用hello( )函数); return; function sum_up ( one, two) var result = one + two; return result; function sum_all ( ) var loop=0, sum=0; for ( loop = arguments.length-1; loop =0; loop-) sum += argumentsloop; return sum; hello(); var total = sum_up(7, 9); document.write ( total + + sum_up ( 8, 15); document.write ( + sum_all ( 1, 5, 8,7, 6) ); ,39,函数对象动态函数,var functionName = new Function(arg1,arg2,expression) 最后一个表达式expression决定了函数的功能。 示例：函数对象的使用,40,预定义函数,eval 函数：将一些字符串转换成JavaScript语句 示例：eval函数使用 parseInt(stringtoparse,n) pareFloat(stringtoparse) 示例：parseInt_parseFloat使用 isNaN 函数 示例：isNaN使用 escape和unescape函数 示例：escape和unescape函数示例,41,总结,JavaScript是一种脚本语言，使用它可以创建客户端脚本和服务器端脚本。 可以使用不同的方法将JavaScript语句插入到HTML