流程控制
1.innerHTML
获取标签内部的所有内容,可以获取出标签里面的标签
2.innerText
获取标签里面的内容,不获取标签
<div><span>123</span></div>
innerHTML<span>123</span>
innerText 123
3.eval
能够把一个字符串当做表达式进行运算
4.程序的三大流程
1.顺序结构
2.循环结构
3.选择结构(分支结构)
5.流程图
开始和结束:圆角矩形,程序总是从开始入口,从结束为出口
过程:每一个步骤都是一个过程,过程是使用矩形表示的,过程只能有一个入口一个出口
判断:里面是一个条件判断,用菱形表示,一个入口,多个出口
6.if结构(选择结构)
1.单句if
if(判断条件)一句代码;
eg:var a = 1;
if(a==1)console.log(a);
console.log(10); ===>结果是1和10;
如果符合if条件的结果语句只有一条,那么if后面的大括号可以省略。
注意:
虽然这个很简洁,但是不建议这样使用,也就是说即使只有一句代码也要加上大括号。
等价于:
if(判断条件){
一句代码;
}
2.一般if
if(判断条件){
一组语句;
}
3.双分支if
if(判断条件){
一组语句;
}else{
一组语句;
}
这个语句相对来说比较麻烦,如果语句比较少的时候,可以使用;如果语句比较多,那么就转化为一般if结构
if(a==1){
}else{
}
转化成:
if(a==1){
}
if(a!=1){
}
4.多分支结构if
if(判断){
}else if(判断){
}else if(判断){
}else{
}
7.switch 结构
不确定具体值的用if结构,确定具体值的,并且个数是有限的(数量不能太多)的时候用switch
语法结构:
switch(判断的值){
case 第一个值:
语句;
break;
case 第二个值:
语句;
break;
……
default:
语句
break;
}
break:为了跳出一个代码块,如果没有break,那么switch的case,后面的代码会继续往下执行,下面的case判断不起作用
注意:
switch参与判断的值与case后面的值是全等判断(==)
8.for循环结构
for(初始化;判断条件;改变循环判断值){
}
for(){
第二个循环的变量注意变化
for(){
}
}
9.while循环
while(判断条件){
改变循环条件
}
10.do …… while
do{
}while();
区别:while循环先判断,在执行,不符合条件的一次都不执行;
do …… while先执行,然后在判断,不符合条件至少会执行一次
10.break 与 continue
break:跳出代码块,结束循环
continue:继续执行,结束本次循环,继续下一条指令。
11.label语法
控制break与continue(一般不使用,但是也有可能遇到)
label_name:
for{
break:name;
continue:name;
}