JavaScript的流程控制.ppt

1,4.2 JavaScript的流程控制,2,4.2.1 使用对话框,警示对话框,3, 警示对话框,由alert()方法显示，含一个“确认”按钮。它把alert()括号内的字符串显示在对话框中。, 警示对话框 alert(“欢迎浏览本页面！“); 警示对话框显示一些文本信息和一个“确定”按钮。 ,4_2.1.htm,4,由confirm()方法显示，有“确认”和“取消”按钮，并返回布尔值true和false。, 确认对话框,确认对话框 var visited,show_text; visited=confirm(“您来过成都吗？“); show_text = visited? “您对成都的印象如何?“:“欢迎您有机会来成都旅游!“; document.write(show_text); ,4_2.2.htm,5,由prompt()方法显示，提供一个文本框要求用户输入信息，同时包含“确认”和“取消”按钮。 如果用户单击“确认”按钮，则prompt()方法返回用户在文本框中输入的内容（为字符串类型）或者初始值（当用户没有输入任何信息时;如果用户单击“取消”按钮，则prompt()方法返回null 如： var name; name=prompt(“请输入您的姓名:”,“张三“);, 提示对话框,提示文本,初值,6,提示对话框 var name; name=prompt(“请输入您的姓名:“,“); document.write(“尊敬的“+name+“：欢迎您进入我的主页！“); , 提示对话框,4_2.3.htm,7, 为提示对话框的文本框提供一个初值 var url; url=prompt(“请输入您想访问的站点地址:“, ““); window.navigate(url); , 提示对话框,4_2.4.htm,8,4.2.2 JAVASCRIPT程序的基本流程,对于JavaScript，程序和脚本都是由一系列语句组成的 每条语句的后面都应该有一个分号（；），但也可以不添加分号 如果要在一行中书写多条语句，在语句之间一定要加上分号，表示一个语句的正常结束,9,顺序结构：按照语句的书写顺序从头到尾依次执行。 分支结构：按照一定的条件去执行一条语句或语句组。 循环结构：反复执行一些语句。,4.2.2 JAVASCRIPT程序的基本流程,10,4.2.3 分支结构,if 语句,11,ifelse 语句 没有else部分的if语句 使用语句组 变量的使用 if语句的嵌套, if 语句,12,基本形式: if(condition) statement1； else statement2；, if 语句,ifelse 语句,13,例4_2.5，分别输入两个数给变量x,y，然后求出这两个变量的最大值, if 语句,标准if语句示例 var x,y,max; x=parseFloat(prompt(“x=:“,“0“); y=parseFloat(prompt(“y=:“,“0“); if (xy) max=x; else max=y; alert(“最大值是:“ + max) ,14,没有else部分的if语句, if 语句,基本形式: if (condition) statement;,说明： 如果condition返回true，就执行语句statement，否则就不执行它。,15,没有else的if语句示例 var x,y,max; x=parseFloat(prompt(“x=:“,“0“); y=parseFloat(prompt(“y=:“,“0“); max=x; /先假设x的值最大 if (max ,例4_2.6,16,使用语句组, if 语句,用大括号括起来的一组语句序列称为语句组，其语法作用等同于单条语句。,例4_2.7，求两个变量的最大值和最小值。,17,语句组示例 var x,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中，会根据解决问题的需求使用很多变量，也会根据算法的需要引入一些临时的中间变量。, if 语句,例4_2.8，对两个数排序。引入中间变量temp的使用,19,中间变量的引入 var x,y,temp; x = parseFloat(prompt(“x=:“,“0“); y = parseFloat(prompt(“y=:“,“0“); if (xy) temp = x; x = y; y = temp; alert(“排序后,x=“ + x +“;y=“ + y) , if 语句,例4_2.8,20,if语句的嵌套, if 语句,在一个JavaScript程序中，可以把一个if语句当成另外一个if语句的语句部分来用，这就是所谓的if语句的嵌套。,例4_2.9，根据成绩给出学生的考评：如果成绩=85,考评“优”，否则如果成绩=60，考评“及格”,否则考评为“不及格”。,21,if语句的嵌套 var score,grade; score = parseFloat(prompt(“请输入学生的成绩:“,“0“); if (score=85) grade=“优“; else if (score=60) grade=“及格“; else grade=“不及格“; alert(“根据学生成绩:“ + score +“,评定为:“ + grade); , if 语句,例4_2.9,22, switch 语句,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.上海”。, switch 语句,24,4.2.4 循环结构,do while 语句,在循环中使用break和continue 语句,25, for 语句,for语句的格式: for(初值表达式;循环判定式;更新表达式) 循环体语句 执行流程 1.计算初值表达式; 2.计算循环判定式(即，条件表达式)的值; 3.如果循环判定式的值为true就执行步骤4，否则退出for语句； 4.执行循环体语句，之后再计算更新表达式； 5.重复执行步骤2，3，4，直至退出循环。,26,例4_2.11，求1+2+3+100的累计和。, for 语句,for语句 var i,sum=0; for(i=1;i ,27,例4_2.12，在页面上通过脚本显示6级标题。, for 语句,for语句2 var i; for(i=1;i此处是“+i+“级标题“) ,28,格式: while(循环判定式) 循环体语句 执行流程 1.计算循环判定式的值； 2.如果循环判定式的值为true，则执行循环体语句，否则退出循环； 3.重复执行步骤1,2，直至退出循环。, while 语句,29,例4_2.13，使用while语句求1+2+3+100的累计和。, while 语句,while语句 var i,sum; i=1;sum=0; while (i ,30, do while 语句,格式: do 循环体语句 while(循环判定式); 执行流程: 1.执行循环体语句； 2.计算循环判定式的值； 3.如果循环判定式的值为true，则转去执行步骤1，否则退出循环。,31,例4_2.14，使用dowhile语句求1+2+3+100的累计和。, do while 语句,do while语句 var i,sum; i=1;sum=0; do sum +=i; i+; while (i ,32,例4_2.15，编写一个二位整数相加的测试程序。要求程序随机生成两个二位整数，提示用户回答它们的相加结果，根据用户回答给出“答对”或“答错”的提示，并且允许用户决定是否继续答题，如果继续就再出题，否则就结束。, do while 语句,33,适于do while循环的例子 var go_on,x,y,result,answer do 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) , do while 语句,例4_2.15,34,在循环中使用break和continue 语句,break语句可跳出switch语句。break语句也跳出整个循环语句。 continue跳过循环体中未执行的语句，结束本次循环，跳至求循环判定式，决定是否继续循环。,35, 循环的嵌套,在一个循环语句的循环体中也可以包含另一个循环语句，这称为循环的嵌套。 双重循环 多重循环,36,错误分类：一类是语法错误；另一类是语义错误。 所谓调试程序就是排除程序中的错误,4.2.5 调试程序,37,排除语法错误,4.2.5 调试程序,语法错误是指代码不符合JavaScript的语法规则。 当浏览器执行或制作工具(如FrontPage)预览含有语法错误的页面时，它会提示出现了什么错误