2018-09-20JS流程控制

一. innerHTML 获取标签内部的所有内容，可以获取出标签里面的标签

二. innerText

获取标签里面的内容，不获取标签。
<div><span>123</span></div>
innerHTML <span>123</span>
innerText 123

三. eval 能够把一个字符串当做表达式进行运算。

四. 程序的三大流程

顺序结构
循环结构
选择结构（分支结构）

五. 流程图

开始和结束：圆角矩形。程序总是从开始作为入口，从结束作为出口。
过程：每一个步骤都是一个过程，过程是使用矩形表示的。过程只能有一个入口一个出口。
判断：里面是一个条件判断，用菱形表示，一个入口，多个出口。

六. if 结构

1、单句if
if(判断条件)一句代码;
如果符合if条件的结果语句只有一条，那么if后面的大括号可以省略。
等价于：
if(判断条件){
一句代码；
}
虽然这个很简洁，但是不建议这样使用，也就是说即使只有一句代码也要加上大括号。
2、一般if
if(判断条件){
一组语句；
}
3 、双分支if
if(判断条件){
一组语句；
}else{
一组语句；
}
这个语句相对来说比较麻烦，如果语句比较少的时候，可以使用。如果语句比较多，那么就转化为一般if结构。
if(a==1){
if(b==1){
}else{
}else{
}
转化成：
if(a==1){

}
if(a!=1){

}
4、多分支结构if
if(判断){

}else if(判断){

}elseif(判断){

}else{

}

七. switch 结构：

不确定具体值的用if结构。确定具体值的，并且值个数是有限个（数量不能太多）的时候用switch。
switch(判断的值){
case 第一个值：
语句；
break；
case 第二个值：
语句；
break；
。。。
default：
语句
break；
}

break:为了跳出一个代码块，如果没有break，那么switch case 后面代码会继续往下执行。下面的case判断不起作用。
注意：switch参与判断的值与case后面的值是全等判断。

八.for循环结构

for(初始化;判断条件;改变循环判断值){

}

for(){
//第二个循环的变量注意变化。
for(){
}
}

九.while循环

初始化
while(判断条件){
改变循环条件
}
for(var i=0;i<100;i++){

}
var i=0;
while(i<100){
i++;
}

十.do---while

do{

}while();

区别，while循环先判断，在执行，不符合条件的一次都不执行。do---while先执行，然后在判断，不符合条件至少会执行一次。

十一.break 与continue

break 跳出代码块。结束循环
continue 继续执行，但是结束本次循环。

十二.label语法：控制break与continue。

一般不使用，但是也有可能遇到。
label_name:
for(){
break name;
continue name;
}