课程主题JavaScript分支结构网页客户端技术课.pptx

网页客户端技术课程现代殡葬技术与管理专业群教学资源库主讲人：严志课程主题：JavaScript分支结构

比较和逻辑运算符01消息框02if语句03switch语句04JavaScript分支结构任务3

（03）if...elseif....else语句语法：if(条件1){当条件1为true时执行的代码}elseif(条件2){当条件2为true时执行的代码}if语句03JavaScript分支结构三

（03）if...elseif....else语句else{当条件1和条件2都不为true时执行的代码}if语句03JavaScript分支结构三

（03）if...elseif....else语句示例3-3if...elseif....else语句示例：根据一天的各时间段显示不同的提示语。if语句03JavaScript分支结构三

（03）if...elseif....else语句示例3-3操作提示：在vscode中，编写上述代码，保存为example3_3.html，然后在浏览器中浏览该网页，如图3-6所示；掌握JavaScriptif...elseif....else语句的语法结构和使用方法。图3-6if...elseif....else语句示例if语句03JavaScript分支结构三

（03）if...elseif....else语句知识点：JavaScriptif...elseif....else语句的流程图；JavaScriptif...elseif....else语句的语法规则；JavaScriptif...elseif....else语句的使用方法。if语句03JavaScript分支结构三

示例3-4if语句的嵌套示例：输出三个数中最大的数。if语句03JavaScript分支结构三

（03）if...elseif....else语句示例3-4操作提示：在Dreamweaver中，编写上述代码，保存为example3_4.html，然后在浏览器中浏览该网页，如图3-7所示；掌握JavaScriptif语句嵌套结构和使用方法。图3-7if语句的嵌套示例if语句03JavaScript分支结构三

（03）if...elseif....else语句知识点：JavaScriptif语句嵌套结构中if和else子句的配对问题；JavaScriptif语句嵌套的语法规则；JavaScriptif语句嵌套结构的使用方法。图3-7if语句的嵌套示例if语句03JavaScript分支结构三

小结if语句的语法和使用方法；if…else…语句的语法和使用方法；if…elseif…else…语句的语法和使用方法；if语句嵌套的语法和使用方法；思考：当需要根据多个不同的条件来执行不同的动作时，使用上述的语句能否完成，是否还有其他的方法。if语句03JavaScript分支结构三

用于基于多个不同的条件来执行不同的动作。switch语句语法格式如右：switch语句04JavaScript分支结构三switch(n){case1:执行代码块1break;case2:执行代码块2break;default:n与case1和case2不同时执行的代码}

（01）JavaScriptswitch语句首先设置表达式n（通常是一个变量），随后表达式的值会与结构中的每个case的值做比较；如果存在匹配，则与该case关联的代码块会被执行，并且一般在每一个case中使用break来阻止代码自动地向下一个case运行。switch语句04JavaScript分支结构三

（01）JavaScriptswitch语句示例3-5switch语句示例：输出今天星期几？switch语句04JavaScript分支结构三

（01）JavaScriptswitch语句示例3-5操作提示：在Dreamweaver中，编写上述代码，保存为example3_5.html，然后在浏览器中浏览该网页，如图3-9所示；掌握switch语句语法结构和使用方法。图3-9switch语句示例switch语句04JavaScript分支结构三

（01）JavaScriptswitch语句知识点：JavaScriptswitch语句的流程图；JavaScriptswitch语句的语法规则；JavaScriptswitch语句的使用方法。switch语句04JavaScript分支结构三

（