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

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

while和do...while01for循环02for/in语句03break和continue04任务4JavaScript循环结构

（01）While循环While循环会在指定条件为真时循环执行代码块。语法结构和执行流程，如图4-1所示：图4-1while循环语句流程图while和do...while01四JavaScript循环结构

（01）While循环例：以下代码使用while循环来判断当i小于5时，将Thenumberisibr循环链接起来并赋值给变量x：while(i5){x=x+Thenumberis+i+br;i++;}while和do...while01四JavaScript循环结构

（02）do...while循环do/while循环是while循环的变体。该循环会执行一次代码块，在检查条件是否为真之前，然后如果条件为真的话，就会重复这个循环。逻辑运算符的结果也为逻辑值：true或者false，在逻辑语句中使用。语法结构和执行流程如图4-2所示：图4-2do…while循环语句流程图while和do...while01四JavaScript循环结构

（02）do...while循环例：以下代码使用do…while循环来判断当i小于5时，将Thenumberisibr循环链接起来并赋值给变量x：do{x=x+Thenumberis+i+br;i++;}while(i5);while和do...while01四JavaScript循环结构

（02）do...while循环示例4-1分别使用while和do…while两种循环输出1－100之间各数的和。while和do...while01四JavaScript循环结构htmlheadmetahttp-equiv=Content-Typecontent=text/html;charset=utf-8/title例4_1while循环输出1－100之间各数的和/title/headbodyscript//sum=1+2+...+100//while循环实现vari=1;//初始化varsum=0;while(i=100){sum=sum+i;i++;}alert(使用while循环计算结果：+sum);/script/body/html

（02）do...while循环操作提示：在vscode中，编写上述代码，保存为example4_1.html，然后在浏览器中浏览该网页，如图4-3所示；掌握while循环语句语法结构和使用方法。图4-3while循环计算1-100和值while和do...while01四JavaScript循环结构

while和do...while01四JavaScript循环结构（02）do...while循环htmlheadmetahttp-equiv=Content-Typecontent=text/html;charset=utf-8/title例4_1do...while循环输出1－100之间各数的和/title/headbodyscript//sum=1+2+...+100//do...while循环实现vari=1;//初始化varsum=0;do{sum=sum+i;i++;}while(i=100);alert(sum);alert(使用do...while循环计算结果：+sum);/script/body/html

（02）do...while循环操作提示：在vscode中，编写上述代码，保存为example4_2.html，然后在浏览器中浏览该网页，如图4-4所示；掌握do…while循环语句语法结构和使用方法。图4-4do…while循环计算1-100和值while和do...while01四Java