M JavaScript基础.ppt

1 JavaScript基础 2 本章目标 理解什么是JavaScript如何将JavaScript嵌入到HTML中理解变量 数据类型和运算符掌握判断与循环语句了解对象的常用方法掌握自定义函数的书写 3 什么是JavaScript JavaScript是一种脚本语言提供用户交互动态更改内容数据验证 4 JavaScript简介 JavaScript主要增加页面的互动性 JavaScript和Java是两种完全不同的东西 只是名称有些相似 B S结构中Java运行在服务端 JavaScript运行在客户端 JavaScript本质是一个文档 所以可以使用文本编辑器来编写JavaScript代码 最简单使用记事本编辑 5 将JavaScript嵌入网页 可以将JavaScript语句插入HTML文档 方式如下 使用标签将语句嵌入文档将JavaScript源文件链接到HTML文档中 6 使用Script标签 JavaScript代码 document write 欢迎来到JavaScript世界 尽情享受学习的快乐 脚本代码 设置语言 7 使用外部JS文件 外部JavaScript文件可以链接到HTML文档中script标签的src 源文件 属性可用于包括此外部文件 8 使用外部JS文件 JavaScript代码 test htm 使用外部文件以上文本是通过访问外部JavaScript文件显示 9 变量 变量名必须以字母或下划线 开头变量可以包含数字 从A至Z的大小写字母JavaScript区分大小写 即变量myVar myVAR和myvar是不同的变量 10 声明变量 vara var 用于声明变量的关键字 a 变量名 varx y z 10 vara 10 同时声明和初始化变量 a 10 声明变量 声明多个变量 赋值 11 数据类型 12 运算符 运算符对一个或多个变量或值 操作数 进行运算 并返回一个新值根据所执行的运算 运算符可分为以下类别 算术运算符比较运算符逻辑运算符 13 运算符 14 关系运算符 15 逻辑运算符 16 条件语句用于测试条件 if 条件 JavaScript代码 语法 if语句 如果要执行多个语句 必须将这些语句放在一对大括号 内 但如果只要执行一个语句 则可以省略大括号 17 ifelse语句 if 条件 JavaScript代码 else JavaScript代码 If else 语句的语法 18 if 条件1 if 条件2 JavaScript代码 嵌套if语句语法 嵌套if语句 19 switch 表达式 case表达式 case表达式 case表达式 case表达式 default 语法 Switch结构 20 Youwillreceiveadifferentgreetingbased onwhatdayitis NotethatSunday 0 Monday 1 Tuesday 2 etc vard newDate theDay d getDay switch theDay case5 document write FinallyFriday break case6 document write SuperSaturday break case0 document write SleepySunday break default document write I mlookingforwardtothisweekend 示例 Switch结构 21 循环 for循环do whilewhile 22 循环语句 循环表示重复执行的动作 JavaScript中可以使用while循环 do while循环 for循环 For循环 for 执行过程 首先给赋 然后 判断 应该是一个关于的条件表达式 是否成立 如果成立就执行 然后按对作累加 回到 处重复 如果不成立就退出循环 23 While循环 While循环格式 while 循环条件 执行过程while循环的作用是当满足时执行 在部分可以累加最终不满足 24 Do while循环 Do while循环格式 do while 循环条件 执行过程while循环的作用是当满足时执行 在部分可以累加最终不满足注意 和while循环的区别在于先执行循环体一次 再判断循环条件 25 Break和continue break结束整个循环作用是立即跳出循环 continue结束当前循环 继续下一次循环作用是中止本次循环 并执行下一次循环 如果循环的条件已经不符合 就跳出循环 26 String String字符串 可用于处理或格式化文本字符串以及确定和定位字符串中的子字符串 属性 Length 表示字符串长度 即字符串中字符的个数 27 String 字符串方法 charAt n 返回指定位置的字符indexOf 返回指定字符的下标位置lastIndexOf 返回指定的字符的最后一次出现的位置 substring s e 返回从指定起始位置到指定结束位置的字符串 substr s l 返回从指定起始位置的指定长度的字符串 28 自定义函数 定义函数 function函数名 参数1 参数2 语句 调用函数 函数调用一般和表单元素的事件一起使用 调用格式为 事件名 函数名 functionsum one two varresult one two returnresult 29 Javascript提示框 加法计算器 31 functionsum vartxt1 document myfrm txt1 vartxt2 document myfrm txt2 vartxt3 document myfrm txt3 txt3 value par