第7讲 javascrip 循环语句(二)第7讲 javascript 循环语句(二)第7讲 javascript 循环语句(二)第7讲 javascript 循环语句(二).ppt

作业 二（选做） 1.利用循环完成Hello Word 2.完成明星人气排行榜 1）修饰（包装）网页。分为行内样式、内嵌样式、外部样式 2）如果希望某个标签，如某个段落“与众不同”，则采用行内样式，它只作用于个别标签。 P style=“color:red ; font-size:20px”请采用行内样式/P 3）如果希望本网页的所有同类标签都采用某种样式，或者说它们共享同一样式。分为HTML选择器、类选择器、ID选择器 4）z－index * 讲解步骤： 1.简要引导学员回顾for循环的语法 2.打印金字塔型的直线，如何实现，提问学员？ 1）直线我们使用哪个标签就可以了？ －－HR 2) 大家观察一下，每条直线是不是宽度不一样？宽度使用哪个属性－－HR width=? 3) 图中有很多直线，只是它们的宽度递增而已，可以用for 循环。 3.点击幻灯片，显示并讲解关键代码 演示：参考TG－Source文件夹中的“for循环”用例 主讲老师：方丹 JavaScript 循环语句（二） 回顾 数组该任何定义？ While和do-while的区别？ 本节目标 任务一：for循环 任务二： break 任务三：continue 任务四：for…in循环语句（了解） 任务五：异常控制语句try…catch…finally （了解） 预习检查 控制循环语句有哪些？ 什么是break和continue ? 哪个语句用来实现JavaScript 错误处理？ for 循环的一般语法： for( 表达式1 ; 表达式2 ; 表达式3 ) { 语句； } for (int i=0; i100; i++) { …… …… …… } 示例 任务一：for 循环语句 for( 表达式1 ; 表达式2 ; 表达式3 ) { 语句； } for 循环的一般语法： i = 0; num = 1; z = 100; i == 10; num 25; z 0 i ++; num = num + 1; z- 分号用于分隔 for 循环的 三个表达式 1、计算表达式1的值，通常为循环变量赋初值； 2、计算表达式2的值，即判断循环条件是否为真，若值为真则执行循环体一次， 否则跳出循环； 3、计算表达式3的值，这里通常写更新循环变量的赋值表达式，然后转回第2步重复执行； 工作原理 1 2 3 4 任务一：for 循环语句 1、for 循环实例 for循环 例： var i; for (i=0; i10; i++) { // 语句; } HTML HEAD TITLE脚本的基本结构/TITLE SCRIPT type=text/javascript var count=0; document.write(淘宝网欢迎您！); for(i=0;i5;i++) { document.write(H2淘宝网欢迎您！/H2); } /SCRIPT /HEAD BODY H1 BODY部分的内容/H1 /BODY /HTML 如何使用JavaScript实现此部分内容？ 小结1 编程：使用循环语句打印九九乘法表 Break语句两种用途： 1.终止switch语句中的case语句，保证多路分支情况的正确执行 2.强迫程序退出一个循环，跳过正常的循环条件测试 任务二：break语句 break语句通常在循环中与条件语句一起使用。若条件值为真，将跳出循环，控制流转向循环后面的语句 在多层循环中，一个break语句只向外跳一层 1、break语句 跳出 for 循环 script type=text/javascript var i; for(i=0;i100;i++) { if(i==10) //当i等于10时退出整个循环 break; document.write(\t,i); } /script 2、break实例 任务三：用continue语句提前结束本次循环 continue 语句的作用是跳过循环体中剩余的语句而执行下一次循环 1、continue示例 跳出 for 循环 script type=text/javascript var i; for(i=0;i100;i++) { if(i==10) //当i等于10时退出本次循环 co