JavaScript程序设计基础与实战- 课件 模块3　JavaScript流程控制及应用.pptx

JavaScript流程控制及应用JavaScript程序设计基础与实战Learningandpractice时间:演讲人：

目录/DIRECTORYJavaScript的条件语句JavaScript的循环语句实战演练3.1在不同的节日显示对应的问候语3.2在不同时间段显示不同的问候语3.3一周内每天显示不同的图片3.4实现鼠标指针滑过时动态改变显示内容及其外观效果3.5实现纵向焦点图片轮换

1.JavaScript的条件语句JavaScript的条件语句会基于不同的条件执行不同的语句。编写程序代码时，经常需要根据不同的决定执行不同的动作，可以在代码中使用条件语句来完成该任务。在JavaScript中，可以使用以下条件语句。（1）if语句：只有当指定条件为true时，该语句才会执行指定的代码。（2）if…else…语句：当条件为true时执行指定的代码，当条件为false时执行其他代码。（3）if…elseif…else…语句：使用该语句选择多个代码块中的一个来执行。（4）switch语句：使用该语句可选择多个代码块中的一个来执行。1．if语句其语法格式如下。if(条件){//当条件为true时执行的代码}这里的关键字为小写的if，如果使用大写字母（IF），则会产生JavaScript错误。

1.JavaScript的条件语句示例3-1】demo0301.html以下代码实现的功能如下：当时间早于20:00时，问候语显示为“Goodday”。lettime=12;if(time20){x=Goodday;}document.write(x);//输出结果为Goodday”该语句不包含else，只有在指定条件为true时才会执行指定的代码。

1.JavaScript的条件语句2．if…else…语句其语法格式如下。if(条件){//当条件为true时执行的代码}else{//当条件为false时执行的代码}【示例3-2】demo0302.html以下代码实现的功能如下：当时间早于20:00时，显示问候语“Goodday”，否则显示问候语“Goodevening”。lettime=21;if(time20){x=Goodday;}else{x=Goodevening;}document.write(x);//输出结果为Goodevening

1.JavaScript的条件语句3．if…elseif…else…语句其语法格式如下。if(条件1){//当条件1为true时执行的代码}elseif(条件2){//当条件1为false且条件2为true时执行的代码}else{//当条件1和条件2都不为true时执行的代码}【示例3-3】demo0303.html以下代码实现的功能如下：当时间早于10:00时，显示问候语“Goodmorning”；当时间晚于或等于10:00且早于20:00时，显示问候语“Goodday”；否则，显示问候语“Goodevening”。lettime=8;if(time10){x=Goodmorning;}elseif(time20){x=Goodday;}else{x=Goodevening;}document.write(x);//输出结果为Goodmorning

1.JavaScript的条件语句4．switch语句switch语句会基于不同条件执行不同动作。可以使用switch语句选择多个代码块中的一个来执行。其语法格式如下。switch(表达式){casem://执行代码块1break;casen://执行代码块2break;default://表达式的值与m、n不同时执行的代码}

实战演练首先计算一次switch对应表达式（通常为一个变量）的值，随后表达式的值会与结构中每个case后面的值进行比较。如果存在匹配项，则与该case关联的代码块会被执行。使用break语句可阻止代码自动向下一个case运行，跳出switch语句。switch语句中的表达式不一定是条件表达式，可以是普通的表达式，其值可以是数字、字符串或布尔值。执行switch语句时，首先将表达式的值与一个数据进行比较，当表达式的值与所列数据相等时，执行对应的代码块。如果表达式的值与所有列出的数据都不相等，则会执行default后的代码块；如果没有default关键字，则会跳出switch语句，执行switch语句后面的代码。【示例3-4】demo0304.html以下代码实现的功能是显示今天是星期几。varday=newDate().