河南中医药大学：《Web前端开发》课程理论教学课件（2017）03.JavaScript编程语句

JavaScript编程语句 管理科学与工程学科 耿方方

JavaScript编程语句 管理科学与工程学科 耿方方

主要内容 条件语句 循环语句

主要内容  条件语句  循环语句

观察—个流程图,除了最基本的脚本之外,还能看到脚本 有多个不同的路径,这就意味着浏览器在不同的情况下 执行不同的代码。 主要根据三种情况来执行代码: 判断:对值进行分析,判断他们是否符合预期结果。 决策:根据评估结果,可以决定脚本接下来要采取哪种路径。 循环:需要重复执行同样的一组步骤

 观察一个流程图，除了最基本的脚本之外，还能看到脚本 有多个不同的路径，这就意味着浏览器在不同的情况下会 执行不同的代码。  主要根据三种情况来执行代码： 判断：对值进行分析，判断他们是否符合预期结果。 决策：根据评估结果，可以决定脚本接下来要采取哪种路径。 循环：需要重复执行同样的一组步骤

条件语句 在一段程序中,通常有好几处需要进行判断,以决定接下 来要运行哪些代码,使用流程图可以有效规划行为: 测试成绩是否 及格?(>60?) 消息:再测一次 消息:恭喜通过了! 继续执行脚本

条件语句  在一段程序中，通常有好几处需要进行判断，以决定接下 来要运行哪些代码，使用流程图可以有效规划行为： 测试成绩是否 及格？（>60?） 消息：再测一次…… 消息：恭喜通过了！ N Y 继续执行脚本

条件语句 n判断由两部分组成: 1:进行判断的表达式,它会返回一个值。 2:一个条件语句,用于说明在某种特定情况下应该执行什么操作。 if (score>50)t document.write( 'you passed document. write(‘ try again…);

条件语句  判断由两部分组成： 1：进行判断的表达式，它会返回一个值。 2：一个条件语句，用于说明在某种特定情况下应该执行什么操作。 if（score>50）{ document.write(‘you passed!’); }else{ document.write(‘try again…’);

条件语句 if语句 在编写代码时,经常需要根据不同的条件完成不同的行为。可以在代码中使用 条件语句来完成这个任务。 在 JavaScript中,我们可以使用下面几种条件语句: (1)if语句 在一个指定的条件成立时执行代码。 ■(2)if..else语句 在指定的条件成立时执行代码,当条件不成立时执行另外的代码。 (3)if.. else if.e1se语句 使用这个语句可以选择执行若干块代码中的一个

条件语句 if语句  在编写代码时，经常需要根据不同的条件完成不同的行为。可以在代码中使用 条件语句来完成这个任务。  在 JavaScript 中，我们可以使用下面几种条件语句：  （1）if 语句 在一个指定的条件成立时执行代码。  （2）if...else 语句 在指定的条件成立时执行代码，当条件不成立时执行另外的代码。  （3）if...else if....else 语句 使用这个语句可以选择执行若干块代码中的一个

条件语句 if语句 (1)if语句 if语句是最常见的条件语句,基本语法如下所示。条件必须放在if后面的圆 括号中。条件的求值结果永远是一个布尔值,即只能为true或 false。花括号中的 语句不管内容有多少条,只有在给定条件的求值结果为true的情况下才会执行。 f(condition) /执行语句内容 if(1+1=3) alert(It's wrong")

条件语句 if语句  （1）if 语句 if语句是最常见的条件语句，基本语法如下所示。条件必须放在if后面的圆 括号中。条件的求值结果永远是一个布尔值，即只能为true或false。花括号中的 语句不管内容有多少条，只有在给定条件的求值结果为true的情况下才会执行

条件语句 f语句 (1)if语句 实例1: var score=75:∥ Score var msg ∥ Message Head> if (score >=50)t if语句 msg + Proceed to the next round. body) var el= Section id="page1"> document. getElementByld(answer) h1>if语句/section> K/section> Script src="demo3-01-1 js"> W/htm1>

条件语句 if语句  （1）if 语句 实例1： if语句 if语句 var score = 75; // Score var msg; // Message if (score >= 50) { msg = 'Congratulations!'; msg += ' Proceed to the next round.'; } var el = document.getElementById('answer'); el.textContent = msg;

条件语句 if. else语句 (2)if...else语句 如果希望条件成立时执行一段代码,而条件不成立时执行另一段代码, 那么可以使用if.else语句。 语法: if(条件) 条件表达式 条件成立时执行此代码 语句块1 语句块2 e⊥se 条件不成立时执行此代码

条件语句 if…else语句  （2）if....else语句 如果希望条件成立时执行一段代码，而条件不成立时执行另一段代码， 那么可以使用 if....else 语句。 语法： if (条件) { 条件成立时执行此代码 } else { 条件不成立时执行此代码 }

条件语句 if. else语句 (2) felse语句 实例2 var pass 50: //Pass mark var score=75: / Current score var msg ∥ Message Head> if(score> pass)( if-else语句 passed! else body) msg= Have another go Section id="page1"> h1>if-else语句h1 ir el /section> document. getElementByld(answer K/section> el textContent= msg: Script src="demo3-02-1 js>/script> W/htm1>

条件语句 if…else语句  （2）if…else 语句 实例2： if-else语句 if-else语句 var pass = 50; // Pass mark var score = 75; // Current score var msg; // Message if (score > pass) { msg = 'Congratulations, you passed!'; } else { msg = 'Have another go!'; } var el = document.getElementById('answer'); el.textContent = msg;