javascriptJavaScript语法基础.ppt

JavaScript语法基础 2 目标 理解什么是JavaScript理解JavaScript的语法基础 3 什么是JavaScript JavaScript是一种基于对象的脚本语言 用于开发基于客户端和基于服务器的Internet应用程序可用于创建客户端脚本和服务器端脚本由SunMicrosystems和Netscape开发 是从Netscapes的Livescript发展而来的Microsoft公司的IE也开始支持JavaScript 开发自己的JavaScript 称为JScript 目前流行的浏览器都支持JavaScript 4 JavaScript的作用和基本语法规则 使用JavaScript的各种功能 可以增强站点的动态性和交互性 提供用户交互动态更改内容验证数据与其他任何语言一样 JavaScript也遵循一些基本的语法规则 如 区分大小写使用成对的符号使用空格使用注释 单行注释 第一行注释内容第二行注释内容 5 JavaScript工具和运行时环境 JavaScript代码生成工具和IDE有助于创建功能强大的JavaScript代码 纯文本编辑器 Windows中的记事本 刀耕火种 专业脚本编辑工具 1stJavaScriptEditor等运行时环境客户端脚本编写 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示例ClickMe Tips 作为URL的JavaScript代码前要增加javascript 11 使用Alert Confirm Write方法 使用窗口的Alert方法 可以生成一个对话框使用窗口的Confirm方法 可以生成一个确认对话框使用document的Write方法可以创建页面内容 12 事件处理程序 Tips 1 每条功能执行语句的最后必须用分号 结束 一个单独的分号 也可以表示一条语句 即空语句 英文 中文 2 作为属性值的JavaScript脚本程序代码的最后一条语句结尾处的分号可以省略 建议任何情况下都以分号结束 13 变量 变量是一种引用内存位置的容器 用于保存在执行脚本时可以更改的值变量的命令约定 变量名必须以字母或下划线 或美元符 开头变量名可以包含数字 但是不能以数字开头由于JavaScript严格区分大小写 所以可用的字母包括A到Z 大写 和a到z 小写 的字符避免定义以两个下划线 开头的标识符 14 声明变量 varnew amount varanswer null varold cost 12 50 varresult Unknownresult vara 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为yellowgreenwhitew y 9 则w为green9 示例 字符串运算符 运算符示例 24 求值运算符 通常这些运算符包括 条件运算符 condition trueVal falseValtypeof运算符typeof运算符返回字符串 该字符串代表操作数的类型 varx 5 document write typeof x status age 18 adult minor 25 表达式 表达式用于在不同上下文中操作和计算变量 表达式是任意一组有效的文字 变量和运算符 其计算结果为一个值 表达式类型算术 计算结果为一个数字逻辑 计算结果为一个布尔值字符串 计算结果为一个字符串表达式通过运算符组合变量和文字 26 数组 数组用于存储具有相同数据类型的一组值 使用下标 索引 来区分各个值 在JavaScript中 数组的下标以零开始 JavaScript没有明确的数组数据类型 但却有内置的数组对象 要在程序中使用数组 必须使用数组对象及其相关联的方法 27 创建数组 语法 arrayObjectName newArray element0 element1 elementN 初始化1 将指定的值作为其元素2 使用arrayName newArray N 对象名 元素值列表 28 数组赋值 在创建数组时将元素的值直接赋给数组 对数组的元素赋值 29 访问数组元素 指定元素名指定元素的索引号 emp RyanDias emp 0 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 casevalue1 statements break casevalue2 statements break default statements 示例 switch学生成绩百分制转等级制 36 流程控制 循环结构 Whilewhile循环语句while求1 20整数之和do whiledo while求1 6阶乘Forfor求1 6阶乘for数组赋值逆序输出For infor in输出数组for in输出文本框属性Withwith操作document对象属性Breakbreak语句使用Continuecontinue语句使用九九乘法表 while break实现九九乘法表while continue实现九九乘法表 37 函数 用户自定义函数创建用户定义的函数调用函数return语句 functionfuncName argument1 argument2 etc statements 38 函数示例 functionhello document write 你好 document write 欢迎使用hello 函数 return functionsum up one two varresult one two returnresult functionsum all varloop 0 sum 0 for loop arguments length 1 loop 0 loop sum arguments loop returnsum hello vartotal sum up 7 9 document write total sum up 8 15 document write sum all 1 5 8 7 6 39 函数对象 动态函数 varfunctionName newFunction 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文档中 JavaScript支持的基本数据类型有数字型 逻辑型或布尔型 字符串型和空型 JavaScript支持的运算符包括 算术运算符 比较运算符 逻辑运算符 字符串运算符和求值运算符 数组用于存储具有相同数据类型的一组值变量条件语句包括 if else和分支语句switch 循环语句包括for循环 do while while break continue语句 JavaScript具有一些预定义函数 也可以创建自定义函数