教学课件 HTML+CSS+JavaScript网页设计.ppt

第*页 switch语句 switch ( expression ){ case option1: //与option1匹配时执行 break; case option2: //与option2匹配时执行 break; case option3: //与option3匹配时执行 break; … default: //所有分支都不匹配时执行 } 第*页 循环语句 循环语句用于按指定的次数执行相同的操作，JavaScript 支持如下几种类型的循环： while：只要指定的条件为真，就循环执行指定的代码块。 do…while：与while循环不同，该循环会先执行一次循环结构，再检查条件是否为真。如果条件为真，则继续执行直到条件为假，否则退出循环。 for：通常用来指定循环次数的循环。 for/in：用来循环遍历对象的属性。 第*页 while循环 在while循环中，只要条件保持为真，就会重复执行一段代码块。语法格式如下： while ( condition ){ //循环代码块 } 循环条件condition通常是一个条件表达式，当表达式的值为true时，开始执行循环代码块，在循环代码块中通常会修改循环变量的值，执行完循环代码块后，会再次判断循环条件，如果条件为真，则继续执行循环代码块，直至循环条件为false，退出循环结构。 第*页 do…while 在while循环中，如果条件表达式一开始就为false，则循环可能一次也不执行。而do…while循环先执行一次代码块，然后才检查条件。只要条件保持为真，循环就会继续执行。因此，无论条件如何，循环都将至少执行一次，这是while循环和do…while循环的重要区别。 第*页 for循环 for循环是用的最多的一种循环结构，它常用在已知循环次数的情况下。 for循环的语法格式如下： for (语句 1; 语句 2; 语句 3) { 循环代码块 } for语句的写法非常灵活，语句1、语句2和语句3都是可选的，但是括号内的两个分号是必须的 第*页 for循环 for ( var i=1,sum=0; i101;) { sum+=i++; } 或者 var i=1,sum=0; for (; ;) { if(i100) break; sum+=i++; } 这里的break语句用来跳出循环。 第*页 for/in 在JavaScript中，for/in语句用来遍历对象的属性。例如，下面的代码： var x, txt=; var person={fname:赵,lname:艳铎,age:38}; for (x in person){ txt=txt + person[x]; } 执行后，txt的值为“赵艳铎38” 跳转语句 跳转语句包括break和continue两个语句。break语句在前面已经使用过，它可以用来跳出switch结构和循环结构。本节主要介绍continue语句。 continue语句只能用于循环结构，用来跳过本次循环中continue后面的语句。 例如，下面的循环用来计算1~100之间所有偶数的和： for ( var i=1,sum=0; i101; i++ ) { if(i%2==1) continue; sum+=i; } 第*页 第*页 主要内容 11.1 JavaScript简介 11.2 文档对象模型 11.3 变量与数据类型 11.4　运算符 11.5 流程控制语句 11.6 本章小结 11.7 思考和练习 第*页 11.6 本章小结 本章主要介绍了JavaScript的基本语法，包括JavaScript的发展历程及其特点、在HTML中使用JavaScript的方法、使用DOM访问和操作HTML元素、变量和数据类型、JavaScript运算符以及流程控制语句。首先介绍的是JavaScript的发展历程及其特点，以及如何在HTML中使用JavaScript；然后讲述了文档对象模型DOM，包括常用的DOM方法、属性，以及使用DOM修改HTML元素；接着介绍了JavaScript的变量和数据类型，以及常用的运算符，包括 算术运算符、赋值运算符、比较运算符、逻辑运算符、条件运算符和字符串运算符；最后讲述了流程控制语句，包括选择语句、循环语句和跳转语句。本章内容是JavaScript的基础知识，下一章继续学习JavaScript的更多语法和技巧。 第*页 主要内容 11.1 JavaScript简介 11.2 文档对象模型 11.3 变量与数据类型 11.4　运算符 11.5 流程控制语句 11.6 本章小结 11.7 思考