HTML+CSS+JavaScript第七章幻灯片.pptVIP

【例7-4】if…else语句应用实例。 代码如下： script language =JavaScript var hours=7; //声明一个时间变量，并赋值表示当前时间 if(hours6) //使用if语句判断当前时间是否到6点 { //如果没有到6点继续睡觉 document.write(当前时间是+hours+点，还没有到6点，继续睡觉); } else { //否则起床上学 document.write(当前时间是+hours+点，超过6点了，准备上学); } /script 把上述代码嵌入HTML文档中，打开网页文件运行程序，运行效果如图7-6所示。 if…else…if语句 if…else…if语句用于判断所给定的多个条件，根据判定结果（真或假）执行满足相应条件的操作，其语法格式如下： if(表达式1) //表达式1成立时 {[语句组1；] //有效的程序语句序列 } [else if(表达式2) //表达式1不成立，表达式2成立时 {[语句组2；] //有效的程序语句序列 } else //表达式1、表达式2都不成立时 {[语句组3；] //有效的程序语句序列 }] 严格地说，if…else…if不是单独的语句，而是由多个if…else组合而成，实现多路分支，其执行流程如图7-7所示。 switch语句 switch语句是多分支选择语句，用于在给定的多个选择中选择一个符合条件的分支执行，从而实现多路选择功能，。 switch语句的语法格式如下： switch(表达式) { case标识1:语句组1; break; case标识2:语句组2; break; …… case标识n:语句组n; break; default:语句组n+1; } 其中，标识是必需的。当表达式的值与某一个case后面的标签的值相等时就执行其后的语句。如果所有case中标识的值都没有与表达式的值匹配的，则执行default后面的语句。 在switch语句中，每个case标签后面的语句块都以break语句结尾。switch语句通常用在有多种出口选择的分支结构上，其执行流程如图7-9所示。 【例7-6】switch语句的应用实例。 代码如下： script language =JavaScript var type=青年; //声明一个类型 switch(type) //使用switch分支语句 { case少年:document.write(类型为少年，年龄小于18周岁); break; case青年:document.write(类型为青年，年龄介于18-28周岁); break; case中年:document.write(类型为中年，年龄介于28-60周岁); break; case老年:document.write(类型为老年，年龄大于60周岁); break; default:document.write(你设置的类型+type+，程序无法处理！); } /script 把上述代码嵌入HTML文档中，打开网页文件运行程序，效果如图7-10所示。 7.3.2循环语句 在编程中有些指令需要执行很多次，使用循环语句可以减少重复指令的编写，实现程序的结构化设计。 JavaScript中的循环语句包括： While循环 do…while循环 For循环 for…in 循环 while语句 while语句的作用是有条件地重复执行某一段代码。while循环在执行循环体前先检查条件表达式，如果条件成立则进入循环体，否则执行循环体后的第一条语句。其语法格式如下： while(条件表达式) { 语句组； } while语句的执行流程如图7-11所示。 【例7-7】 使用while语句计算1～100之间所有自然数之和。 代码如下： script language =JavaScript var i=1,sum=0; //定义两个变量 while (i=100) //如果i=100则继续循环 { sum=sum+i; //把计算结果存入sum中 i++; //i递增 } document.write(1～100之间的所有自然数之和为：+sum); //输出 /script 把上述代码嵌入HTML文档中，打开网页文件运行程序，运行效果如图7-12所示。 do…while do…while语句和while语句非常类似，也是用于有条件地重复执行某一段代码，所不同的是，while语句的条件表达式位于头部，先判断条件