4.2 JavaScript的流程控制.ppt

1、1,4.2 JavaScript的流程控制,2,4.2.1 使用对话框,警示对话框,3,4.2.1.1 警示对话框,由alert()方法显示，含一个“确认”按钮。它把alert()括号内的字符串显示在对话框中。, 警示对话框 alert(欢迎浏览本页面！); 警示对话框显示一些文本信息和一个“确定”按钮。 ,4_2.1.htm,4,由confirm()方法显示，有“确认”和“取消”按钮，并返回布尔值true和false。,4.2.1.2 确认对话框,确认对话框 var visited,show_text; visited=confirm(您来过成都吗？); show_text = visite

2、d? 您对成都的印象如何?:欢迎您有机会来成都旅游!; document.write(show_text); ,4_2.2.htm,5,由prompt()方法显示，提供一个文本框要求用户输入信息，同时包含“确认”和“取消”按钮。 如果用户单击“确认”按钮，则prompt()方法返回用户在文本框中输入的内容（为字符串类型）或者初始值（当用户没有输入任何信息时;如果用户单击“取消”按钮，则prompt()方法返回null 如： var name; name=prompt(“请输入您的姓名:”,“张三);,4.2.1.3 提示对话框,提示文本,初值,6,提示对话框 var name; name=pr

3、ompt(请输入您的姓名:,); document.write(尊敬的+name+：欢迎您进入我的主页！); ,4.2.1.3 提示对话框,4_2.3.htm,7, 为提示对话框的文本框提供一个初值 var url; url=prompt(请输入您想访问的站点地址:, ); window.navigate(url); ,4.2.1.3 提示对话框,4_2.4.htm,8,4.2.2 JAVASCRIPT程序的基本流程,对于JavaScript，程序和脚本都是由一系列语句组成的 每条语句的后面都应该有一个分号（；），但也可以不添加分号 如果要在一行中书写多条语句，在语句之间一定要加上分号，表示一

4、个语句的正常结束,9,顺序结构：按照语句的书写顺序从头到尾依次执行。 分支结构：按照一定的条件去执行一条语句或语句组。 循环结构：反复执行一些语句。,4.2.2 JAVASCRIPT程序的基本流程,10,4.2.3 分支结构,if 语句,11,ifelse 语句 没有else部分的if语句 使用语句组 变量的使用 if语句的嵌套,4.2.3.1 if 语句,12,基本形式: if(condition) statement1； else statement2；,4.2.3.1 if 语句,ifelse 语句,13,例4_2.5，分别输入两个数给变量x,y，然后求出这两个变量的最大值,4.2.3.

5、1 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语句,4.2.3.1 if 语句,基本形式: if (condition) statement;,说明： 如果condition返回true，就执行语句statement，否则就不执行它。,15,没有else的if语句示例 var x,y,max; x=parseFloat(prompt(x=:,0);

6、y=parseFloat(prompt(y=:,0); max=x; /先假设x的值最大 if (max ,例4_2.6,16,使用语句组,4.2.3.1 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; ale

7、rt(最大值是: + max +;最小值是: + min) ,例4_2.7,18,变量的使用 在javascript中，会根据解决问题的需求使用很多变量，也会根据算法的需要引入一些临时的中间变量。,4.2.3.1 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) ,4.2.3.1 if

8、语句,例4_2.8,20,if语句的嵌套,4.2.3.1 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(根据

9、学生成绩: + score +,评定为: + grade); ,4.2.3.1 if 语句,例4_2.9,22,4.2.3.2 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.上海”。,4.2.3.2 switch 语句,24,4.2.4 循环结构,do while 语句,在循

10、环中使用break和continue 语句,25,4.2.4.1 for 语句,for语句的格式:for(初值表达式;循环判定式;更新表达式) 循环体语句 执行流程1.计算初值表达式;2.计算循环判定式(即，条件表达式)的值;3.如果循环判定式的值为true就执行步骤4，否则退出for语句；4.执行循环体语句，之后再计算更新表达式；5.重复执行步骤2，3，4，直至退出循环。,26,例4_2.11，求1+2+3+100的累计和。,4.2.4.1 for 语句,for语句 var i,sum=0; for(i=1;i ,27,例4_2.12，在页面上通过脚本显示6级标题。,4.2.4.1 for

11、语句,for语句2 var i; for(i=1;i此处是+i+级标题) ,28,格式:while(循环判定式) 循环体语句 执行流程1.计算循环判定式的值；2.如果循环判定式的值为true，则执行循环体语句，否则退出循环；3.重复执行步骤1,2，直至退出循环。,4.2.4.2 while 语句,29,例4_2.13，使用while语句求1+2+3+100的累计和。,4.2.4.2 while 语句,while语句 var i,sum; i=1;sum=0; while (i ,30,4.2.4.3 do while 语句,格式:do 循环体语句 while(循环判定式); 执行流程:1.执行

12、循环体语句；2.计算循环判定式的值；3.如果循环判定式的值为true，则转去执行步骤1，否则退出循环。,31,例4_2.14，使用dowhile语句求1+2+3+100的累计和。,4.2.4.3 do while 语句,do while语句 var i,sum; i=1;sum=0; do sum +=i; i+; while (i ,32,例4_2.15，编写一个二位整数相加的测试程序。要求程序随机生成两个二位整数，提示用户回答它们的相加结果，根据用户回答给出“答对”或“答错”的提示，并且允许用户决定是否继续答题，如果继续就再出题，否则就结束。,4.2.4.3 do while 语句,33,

13、适于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) ,4.2.4.3 do while 语句,例4_2.15,34,4.2.4.4在循环中使用break和conti

14、nue 语句,break语句可跳出switch语句。break语句也跳出整个循环语句。 continue跳过循环体中未执行的语句，结束本次循环，跳至求循环判定式，决定是否继续循环。,35,4.2.4.5 循环的嵌套,在一个循环语句的循环体中也可以包含另一个循环语句，这称为循环的嵌套。 双重循环 多重循环,36,错误分类：一类是语法错误；另一类是语义错误。 所谓调试程序就是排除程序中的错误,4.2.5 调试程序,37,排除语法错误,4.2.5 调试程序,语法错误是指代码不符合JavaScript的语法规则。 当浏览器执行或制作工具(如FrontPage)预览含有语法错误的页面时，它会提示出现了什么错误以及出错的代码