JavaScript的流程控制.ppt

1 4 2JavaScript的流程控制 2 4 2 1使用对话框 警示对话框 3 4 2 1 1警示对话框 由alert 方法显示 含一个 确认 按钮 它把alert 括号内的字符串显示在对话框中 警示对话框alert 欢迎浏览本页面 警示对话框显示一些文本信息和一个 确定 按钮 4 2 1 htm 4 由confirm 方法显示 有 确认 和 取消 按钮 并返回布尔值true和false 4 2 1 2确认对话框 确认对话框varvisited show text visited confirm 您来过成都吗 show text visited 您对成都的印象如何 欢迎您有机会来成都旅游 document write show text 4 2 2 htm 5 由prompt 方法显示 提供一个文本框要求用户输入信息 同时包含 确认 和 取消 按钮 如果用户单击 确认 按钮 则prompt 方法返回用户在文本框中输入的内容 为字符串类型 或者初始值 当用户没有输入任何信息时 如果用户单击 取消 按钮 则prompt 方法返回null如 varname name prompt 请输入您的姓名 张三 4 2 1 3提示对话框 提示文本 初值 6 提示对话框varname name prompt 请输入您的姓名 document write 尊敬的 name 欢迎您进入我的主页 4 2 1 3提示对话框 4 2 3 htm 7 为提示对话框的文本框提供一个初值varurl url prompt 请输入您想访问的站点地址 window navigate url 4 2 1 3提示对话框 4 2 4 htm 8 4 2 2JAVASCRIPT程序的基本流程 对于JavaScript 程序和脚本都是由一系列语句组成的每条语句的后面都应该有一个分号 但也可以不添加分号如果要在一行中书写多条语句 在语句之间一定要加上分号 表示一个语句的正常结束 9 顺序结构 按照语句的书写顺序从头到尾依次执行 分支结构 按照一定的条件去执行一条语句或语句组 循环结构 反复执行一些语句 4 2 2JAVASCRIPT程序的基本流程 10 4 2 3分支结构 if语句 11 if else语句没有else部分的if语句使用语句组变量的使用if语句的嵌套 4 2 3 1if语句 12 基本形式 if condition statement1 elsestatement2 4 2 3 1if语句 if else语句 13 例4 2 5 分别输入两个数给变量x y 然后求出这两个变量的最大值 4 2 3 1if语句 标准if语句示例varx y max x parseFloat prompt x 0 y parseFloat prompt y 0 if x y max x elsemax y alert 最大值是 max 14 没有else部分的if语句 4 2 3 1if语句 基本形式 if condition statement 说明 如果condition返回true 就执行语句statement 否则就不执行它 15 没有else的if语句示例varx y max x parseFloat prompt x 0 y parseFloat prompt y 0 max x 先假设x的值最大if max 例4 2 6 16 使用语句组 4 2 3 1if语句 用大括号 括起来的一组语句序列称为语句组 其语法作用等同于单条语句 例4 2 7 求两个变量的最大值和最小值 17 语句组示例varx y max min max存放最大值 而min存放最小值x parseFloat prompt x 0 y parseFloat prompt y 0 if x y max x min y else max y min x alert 最大值是 max 最小值是 min 例4 2 7 18 变量的使用在javascript中 会根据解决问题的需求使用很多变量 也会根据算法的需要引入一些临时的中间变量 4 2 3 1if语句 例4 2 8 对两个数排序 引入中间变量temp的使用 19 中间变量的引入varx y temp x parseFloat prompt x 0 y parseFloat prompt y 0 if x y temp x x y y temp alert 排序后 x x y y 4 2 3 1if语句 例4 2 8 20 if语句的嵌套 4 2 3 1if语句 在一个JavaScript程序中 可以把一个if语句当成另外一个if语句的语句部分来用 这就是所谓的if语句的嵌套 例4 2 9 根据成绩给出学生的考评 如果成绩 85 考评 优 否则如果成绩 60 考评 及格 否则考评为 不及格 21 if语句的嵌套varscore grade score parseFloat prompt 请输入学生的成绩 0 if score 85 grade 优 elseif score 60 grade 及格 elsegrade 不及格 alert 根据学生成绩 score 评定为 grade 4 2 3 1if语句 例4 2 9 22 4 2 3 2switch语句 switch语句根据表达式的值 选择不同的分支执行 switch 表达式 case常数表达式1 语句1 break case常数表达式2 语句2 break case常数表达式n 语句n break default 语句n 1 break 23 例4 2 10 常识问答 请选择 中国的首都在哪个城市 A 香港B 广州C 北京D 上海 4 2 3 2switch语句 24 4 2 4循环结构 dowhile语句 在循环中使用break和continue语句 25 4 2 4 1for语句 for语句的格式 for 初值表达式 循环判定式 更新表达式 循环体语句执行流程1 计算初值表达式 2 计算循环判定式 即 条件表达式 的值 3 如果循环判定式的值为true就执行步骤4 否则退出for语句 4 执行循环体语句 之后再计算更新表达式 5 重复执行步骤2 3 4 直至退出循环 26 例4 2 11 求1 2 3 100的累计和 4 2 4 1for语句 for语句vari sum 0 for i 1 i 27 例4 2 12 在页面上通过脚本显示6级标题 4 2 4 1for语句 for语句2vari for i 1 i此处是 i 级标题 28 格式 while 循环判定式 循环体语句执行流程1 计算循环判定式的值 2 如果循环判定式的值为true 则执行循环体语句 否则退出循环 3 重复执行步骤1 2 直至退出循环 4 2 4 2while语句 29 例4 2 13 使用while语句求1 2 3 100的累计和 4 2 4 2while语句 while语句vari sum i 1 sum 0 while i 30 4 2 4 3dowhile语句 格式 do循环体语句while 循环判定式 执行流程 1 执行循环体语句 2 计算循环判定式的值 3 如果循环判定式的值为true 则转去执行步骤1 否则退出循环 31 例4 2 14 使用do while语句求1 2 3 100的累计和 4 2 4 3dowhile语句 dowhile语句vari sum i 1 sum 0 do sum i i while i 32 例4 2 15 编写一个二位整数相加的测试程序 要求程序随机生成两个二位整数 提示用户回答它们的相加结果 根据用户回答给出 答对 或 答错 的提示 并且允许用户决定是否继续答题 如果继续就再出题 否则就结束 4 2 4 3dowhile语句 33 适于dowhile循环的例子vargo on x y result answerdo x Math floor Math random 90 10 y Math floor Math random 90 10 result x y answer parseFloat prompt x y 0 go on confirm answer result 答对 答错 t继续测试吗 while go on 4 2 4 3dowhile语句 例4 2 15 34 4 2 4 4在循环中使用break和continue语句 break语句可跳出switch语句 break语句也跳出整个循环语句 continue跳过循环体中未执行的语句 结束本次循环 跳至求循环判定式 决定是否继续循环 35 4 2 4 5循环的嵌套 在一个循环语句的循环体中也可以包含另一个循环语句 这称为循环的嵌套 双重循环多重循环 36 错误分类 一类是语法错误 另一类是语义错误 所谓调试程序就是排除程序中的错误 4 2 5调试程序 37 排除语法错误 4 2 5调试程序 语法错误是指代码不符合JavaScript的语法规则 当浏览器执行或制作工具 如FrontPage 预览含有语法错误的页面时 它会提示出现了什么错误以及出错的代码在哪一行