程序结构：程序执行顺序
顺序结构、分支结构、循环结构
一、顺序结构
程序的主体结构(默认)
二、分支结构
分支结构的特点：只会执行一个分支（在同一个分支结构中）
If
If…else
If…else if…else
switch
1.if语句
执行规则：
若条件成立在，则执行if语句对应的代码块
2.if…else
执行规则：若if条件成立，则执行if语句对应的代码块，不成立，则执行else中的代码块
3.多分支语句
If(条件1){
代码块1；
}else if(条件2){
代码块2;
}
…
else if(条件n){
代码块n;
}else{
代码块m;
}
执行规则：
满足条件1，执行条件1对应的代码块
…
注意：只会执行一个分支
4.分支语句的嵌套
5.switch结构
switch(表达式){
case 值:
代码块;
break;
case 值2:
代码块;
break;
…
default:
代码块;
break
}
执行规则：表达式分别于case后面的值做比较,判断二者是否相等，若相等，则执行对应的代码块。若上面的case与表达式均不相等，则执行default中 的内容.
注意：switch穿透的问题
switch…case是一个全等比较
三、循环结构
循环 迭代 重复
for
for(循环变量初始化;循环判断;循环迭代){
循环体;
}
执行逻辑：
第一步：循环变量初始化 var i=0;
第二步：循环条件判断 i<5
判断成立 执行循环体
判断不成立 结束循环
第三步：循环迭代 i++
第四步： 回到第二步
while
while(条件){
循环体;
}
执行规则：若条件成立，则执行循环体
do…while
do{
循环体;
}while(条件);
执行规则：先执行循环体，后判断条件
注意：while和do…whiel的区别：while循环会先判断，再执行，do…while先执行再判断
for…in
for(var i in arr){}
常用于遍历对象和数组
for (var i in obj) {
// console.log(i);
console.log(i,obj[i]);
}
for…of
break和continue的区别：
/*break; 结束循环continue; 结束本次循环，继续下一次循环*/
循环的嵌套：
外层循环执行一次，内层循环执行一遍
四、元素查找
1.根据id查找元素
document.getElementById(id)
2.根据标签名查找元素
document.getElementsByTagName(tagName)
返回值是一个集合，集合中的每一个数据都有索引 ，从0开始
node.getElementsByTagName() 在指定节点下找元素
集合名[索引]
3.根据类名找元素
document.getElementsByClassName(clsName)
返回值：集合 索引