css可以控制html结构吗,网页设计与制作（HTML+CSS+JS）-3期（KC003） JavaScirpt基础 3程序控制结构.pptx...

1

程序控制结构

Part

◎ 分支结构

◎ 循环结构

1 分支结构

1. 单分支结构

if语句是最基本、最平常的分支结构语句，if语句的单分支结构语法格式如下：

语法格式1：

if(条件表达式)语句

语法格式2：

if(条件表达式){

语句块

}

举例演示

演示

2. 双分支结构

语法格式1：

if(条件表达式) 语句1

else 语句2

语法格式2：

if(条件表达式){

语句块1

}else{

语句块2

}

举例演示

演示

多分支结构

可以使用if-else语句嵌套实现，也可以用switch语句实现:

switch语句的结构如下：

switch(表达式){

case 值1:语句块1

break；

case 值2:语句块2

break；

...

case 值n:语句块n

break；

default:语句块n+1

break；

}

举例演示

演示

举例演示

【实例10-8】分支结构的使用。

循环结构

1. 循环结构的三个要素

循环初始化，设置循环变量初值；

循环控制，设置继续循环进行的条件；

循环体，重复执行的语句块。

2.当循环结构

while(条件表达式){

语句块

}

当循环结构，while语句格式如下：

举例演示

3.直到循环结构

4.计数循环结构

do{

语句块

} while(条件表达式);

直到循环结构，do…while语句格式如下：

for(控制变量的初始化; 循环的条件; 循环控制变量的更新){

语句块

}

计数循环结构， for语句格式如下：

举例演示

5.枚举循环结构

for(变量 in 对象){

语句块

}

枚举循环结构，for…in语句，用于遍历数组或者对象的属性，格式如下

举例演示

6.continue语句与break语句

continue语句只用在循环语句中，控制循环体满足一定条件时提前退出本次循环，继续下次循环。break语句在循环语句中，控制循环体满足一定条件时提前退出循环，不再继续该循环。continue语句和break语句一般都用在循环体内的分支语句中，不使用分支语句则这些语句是没有意义的。

总之，break语句结束整个循环体，而continue结束本次循环。

举例演示

举例演示

【实例10-9】循环结构的使用。