2018-09-20js

1.innerHTML

获取标签内部的所以内容，可以获取出标签里面的标签。(是指某个网页元素内部的代码)

2.innerText

获取标签里面的内容,不获取标签。(是指某个网页元素的文本内容)
例子:
<div name="abc"><b>测试</b></div>
这样document.all("abc").innerHTML就是:<b>测试</b>
而document.all("abc").innerTEXT就是:测试abc

<div><span>123</span></div>
innerHTML   <span>123</span>
innerText  123

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

4.程序的三大流程

(1) 顺序结构

(2)循环结构

(3)选择结构(分支结构)

5.流程图

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

6 if结构

6 .1if(判断)单句 如果符合if条件的语句只有一条，那么if后面的大括号可以省略。

等价于：

• if(判断条件)一句代码;
  eg：

<script>
    var a = 3;
    if(a==1)console.log(a);
    console.log(10);  //10

    var a = 1;
    if(a==1){
        console.log(a);
    }
    console.log(10);  //1  10
</script>

虽然这个很简洁，但是不建议使用，也就是即使只有一句代码也要加上大括号。

6.2 一般if

• 格式
  if(判断条件){
  一组语句;
  }

6.3 双分支if

• 格式if(判断条件){
  一组语句;
  }else{
  一组语句;
  }
  这个语句相对来说比较麻烦，如果语句比较少的时候可以使用，如果语句比较多那么就转化成一般if结构。
  if(a==1){

}else{

}
转化成;
if(a==1){

}
if(a!=1){

}

6.4 多分支结构if

• 格式
  if(判断){

}else if(判断){

}else if(判断){

}
else{

}
eg:奖学金案例

<script>
var num = 89;
//>=90   5000
//<90  >=80  3000
//>80  >0   -500
if(num<0||num>100){
    alert('分数错误');
    return false;
}
if(num>=90){
    alert('5000');
}else if(>=80){
    alert(2000);
}else if(>=60){
    alert(300);
}else{
    alert(-500);
}
</script>

7.switch结构

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

<script>
var wuqi = 3;  // 1 普通  2 神级 3传说 4史诗
switch(wuqi){
    case 1:
        console.log('这是普通武器，杀猪刀');
        break;
    case 2:
        console.log('这是神级武器，屠龙刀');
        break;
    case 3:
        console.log('这是传说武器,打神鞭');
        break;
    case 4:
        console.log('这是史诗武器，就是厉害刀');
        break;
    default:
        console.log('这不是规定的武器，不许用');
        break;
}
</script>

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

8.for循环结构

• 格式
  for(初始化；判断条件;改变循环判断值){
  for(){
  //注意第二个循环的变量
  }

}

<script>
for(var i=0;i<10;i++){
    for(var j=0;j<10;j++){
        console.log(j);//10个1-9
    }
}
</script>

9.while循环

• 格式
  while(判断条件){
  改变循环条件
  }
  while(i<100){
  i++
  }

10.do---while

*格式
do{

}while();

• 区别，while循环先判断，再执行，不符合条件的一次都不执行。do---while先执行，然后判断，不符合条件的会执行一次。
  eg：

<script>
var i= 10;
while(i<12){

}
</script>

结论：和if一样如果后面有大括号可以省略。

11.break 与 continue

• break：跳出代码块，结束循环。
• continue：继续执行,但是结束本次循环。(本次后面的不执行了。)
  eg:

<script>
        for(var i=0;i<10;i++){
            console.log(i) ;
            if(i==5){
                continue;
            }
            console.log(i) ;
        }
        //0-9
    </script>

12.label语法：控制break和continue。

一般不适用，但是也有可能遇到。

• 格式
  label_name：
  for{
  break:name;
  continue:name;
  }
  eg:

<script>
for(var i=0; i<5;i++){
    for(var k=0;k<6;k++){
        console.log(i+''+k);
        // break;  //
        continue; //
    }
}
</script>
<script>
father：
for(var i=0; i<5;i++){
    for(var k=0;k<6;k++){
        console.log(i+''+k);
        break father;  //
        console.log(i+''+k);

    }
}
</script>