JavaScript第三天 流程控制语句

流程控制语句

if语句

假设一个条件，如果成立，就做某一个操作
if（条件）{条件成立执行}

if–else

if（条件）{
条件成立执行
}else{
条件不成立执行
}

            if(a>=60){
                word.innerHTML = '恭喜你考试过关!';
            }else{
                word.innerHTML = '挂科'
            }
        }    
    </script>

if–else嵌套

 if(a==100){
                word.innerHTML = '满分';
            }else if(a>=90 && a<100){
                word.innerHTML = '优秀';
            }else if(a>=80 && a<90){
                word.innerHTML = '良好';
            }else if(a>=60 && a< 80 ){
                word.innerHTML = '一般';
            }else if(a<60){
                word.innerHTML = '不及格';
            }else{
                word.innerHTML = '输入错误';  
            }

switch

switch（选择项）根据这个选项，选择要执行的代码
所有case 后加一个关键字break 作业是防止穿透
判断执行某些代码，如果条件明确，并且是简单的字符，数字等，会使用switch。

 var num=1；  //  0-6
 switch(num){     //可以是表达式  用表达式的值与下方比较，一样的就执行，都没有就跳转至default
            case 0:alert('今天星期日');  
            break;
            case 1:alert('今天星期一');  
            break;
            case 2:alert('今天星期二');  
            break;
            case 3:alert('今天星期三');  
            break;
            case 4:alert('今天星期四');
            break;
            case 5:alert('今天星期五');  
            break;
            case 6:alert('今天星期六');  
            break;
            default：alert("输入错误");
        }

获取元素的方式

getElementsByTagName（标签名）
通过标签名获取的元素，是一个标签集合，不能直接使用，使用时需要将具体的元素取出来再使用

获取整个文档标签
例：

var li1=document.getElementsByTagName("li");
li1[0].style.background="red"   //第一个

获取特定部分的标签
例：

//先获取父元素，通过父元素获取子元素
var oul = document.getElementsByTagName("ul")[0];
//在父元素中找所有子元素
var oli = oul.getElementsByTagName("li");

getElementsByClassName（类名）
相同类名中，只能取到第一个
通过[ ]获取具体的元素

循环

for循环

for的语法及简单使用

for（表达式1；条件表达式；表达式3）{条件成立执行的代码块}
for（初始化循环变量；判断条件（循环结束的条件）；更新循环变量）

//控制台输出1-10
for（var  i=1；i<=10；i++）{
console.log(i)
}

for循环的执行过程

1.初始化变量
2.条件判断
3.true 进入循环体–>执行语句
false 结束循环
4.条件变化
2 条件判断
true 进入循环体–>执行语句
false 结束循环

for循环嵌套

     for(i=1;i<=5;i++){
        for(j=1;i>=j;j++){
            document.write("*");
        }
        document.write("<br>")
    }
/*实现

*
**
***
****
*****

*/

 var lul1=document.getElementsByTagName("ul")[0];
    var li1=document.getElementsByTagName("li");
    for(i=0;i<li1.length;i++){
         if(i%3==0){        //第1,4,7,10······ 行
          li1[i].style.color="red"
         }
    }

document.write()

document.write()和innerHTML的功能类似，操作标签的内容，但是document.write()只能操作标签body的内容
document.write()和innerHTML的区别？
1，document.write()可以识别标签；
2，document.write()会覆盖标签中已有的内容，但是不会覆盖document.write()添加的内容；
3，document.write()只能操作body的内容；
4，document.write()==document.body.innerHTML