JavaScript程序设计基础教程 第2版 普通高等教育“十一五”国家级规划教材 作者 阮文江 第五章 基本流程控制1.pptVIP

中山大学计算机科学系 第五章 基本流程控制 介绍 JavaScript 的顺序、分支和循环这三种基本流程控制语句，以及调试程序的基本方法。 使用对话框 顺序结构 分支结构 循环结构 调试程序 中山大学计算机科学系 * * 在线教务辅导网： 教材其余课件及动画素材请查阅在线教务辅导网 QQ:349134187 或者直接输入下面地址： 5.1 使用对话框 使用对话框进行输入和输出 3 种对话框:警示、确认和提示对话框 中山大学计算机科学系 * * 5.1.1 警示对话框 警示对话框: alert() 方法 例5.1 alert(欢迎浏览本页面！); 中山大学计算机科学系 * * 5.1.2 确认对话框 确认对话框: confirm() ,返回 true 或 false 例5.2 var visited,show_text; visited = confirm(您来过中大吗？); show_text = visited?您也认为中大很美吧！:欢迎您有机会来中大参观!; document.write(show_text); 中山大学计算机科学系 * * 5.1.3 提示对话框 提示对话框: prompt()，返回用户输入 例5.3 var name; name = prompt(请输入您的姓名:,); document.write(尊敬的+name+：欢迎您进入我的主页！); 例5.4 url = prompt(请输入您想访问的站点地址:,/); window.navigate(url); 中山大学计算机科学系 * * 5.2 顺序结构 顺序执行 var visited,show_text; visited = confirm(您来过中大吗？); show_text = visited?您也认为中大很美吧！:欢迎您有机会来中大参观!; document.write(show_text); 注意： 表达式语句:赋值、方法调用等 每条语句的后面都应当有一个分号（;） 空语句:一个独立的分号（;） 中山大学计算机科学系 * * 5.3 分支结构 if 语句 switch 语句 中山大学计算机科学系 * * 5.3.1 if 语句 一、if…else 语句 if (判定条件) 语句1; else 语句2; 中山大学计算机科学系 * * 5.3.1 if 语句 例5.5 求最大值 if (xy) max=x; Else max=y; 中山大学计算机科学系 * * 5.3.1 if 语句 二、没有 else 部分的 if 语句 if (判定条件) 语句; 例5.6 max = x; if (maxy) max = y; 扩充： max = x; if (maxy) max=y; if (maxz) max=z; … 中山大学计算机科学系 * * 5.3.1 if 语句 三、程序代码的书写格式问题 好格式: if(xy) max=x;else max=y; 或 if(xy) max=x; else max=y; 程序可读性 中山大学计算机科学系 * * 不好格式: if(xy) max=x;else max=y; 或 if(xy) max=x; else max=y; 5.3.1 if 语句 四、使用语句组 语句组:用一对大括号 {} 括起两条或多条语句 例5.7 求最大值和最小值 if (x=y) { max = x; min = y; } else { max = y; min = x; } 中山大学计算机科学系 * * 5.3.1 if 语句 五、论变量的使用 初始变量：初始值 结果变量：计算结果 中间变量：中间计算结果 例5.8 大小排序 交换两个变量的值 错误： x=y; y=x; 正确 temp=x; x=y; y=temp; 中山大学计算机科学系 * * 5.3.1 if 语句 六、if 语句的嵌套 嵌套： if 语句的子句也是一条 if 语句 例5.9 学生考评 中山大学计算机科学系 * * 5.3.2 switch 语句 根据 switch 表达式的值，选择不同的分支执行。 switch(表达式) { case 表达式1: 语句1; [break;] case 表达式2: 语句2; [break;] … case 表达式n: 语句n; [break;] Default: 语句n+1; [break;] } 例5.10 常识问答 中山大学计算机科学系 * * 5.4 循环结构 循环语句：反复执行一些语句 常用循环语句 for