JavaScript学习笔记---流程控制语句

 ## 流程控制语句

 if条件判断

 格式: 
    if(条件){
        条件成立时执行
    }

 

if-else条件判断

格式:
    if(条件){
        条件成立时执行;
    }else{
        条件不成立时执行;
    }

 

if-else多种条件判断

格式:
    if(条件1){
        条件1成立时执行
    }else if(条件2){
        条件2满足时执行
    }else if(条件n){
        条件n满足时执行
    }else{
        以上条件都不成立时执行
    }

 

    凡是if出现的地方必须带条件,而且每次执行一条
 

## switch语句  判断(多种条件判断)

格式:
    switch(选择项){
        case 条件1 : 条件1满足时执行;break;
        case 条件2 : 条件2满足时执行;break;
        case 条件n : 条件n满足时执行;break;
        default: 以上条件都不满足时执行;
    }

    break:防止穿透;

    括号中的条件 与 case后条件 保证数据类型一致才可比较;

 

## 获取元素

id: 通过id获取            document.getElementById('id名')
className:  通过类名获取  document.getElementsByClassName('类名') 数组格式 需要通过下标取用 []
tagName:     通过标签名获取 document.getElementsByTagName('标签名')数组格式 需要通过下标取用 []
缩小范围查找

 

## 循环语句

for循环  

循环=遍历   for循环语句 是给 有长度的使用 (.length)
格式:
    for(1.声明一个变量,赋初始值var a=0; 2.条件判断a<10  4.更新变量a++ \  a--){
        3.条件满足时执行
    }

 

## document.write

内容写入页面,写入body中,覆盖body中的所有内容,能识别文字,也能识别标签
格式:
    document.write('内容')  直接覆盖body内容
    div.innerHTML = 'xxx'  针对于个别元素 

 

## for-in循环

主要用来循环 对象,因为对象没有长度
  
  格式:
    for(var i in 对象名){
        属性名 : i
        属性值 : 对象名[i]
    }

 

## while 循环  与 for功能完全一致

先判断 后执行
格式:
    1.var i = 0;
    while(2.判断){
        3.条件成立时执行
        4.更新变量
    }

 

## do-while 循环  慎用

先执行 后判断
格式:
 1.var i = 0;
 do{
    2. console.log(i);
    
    4. 更新循环体
 }while(3.  i>0);

 

 ## break与continue  循环中

 break: 终止整个循环
 continue: 阻止当前循环,但并不影响后续循环

 

posted @ 2020-07-03 12:36  石海莹  阅读(125)  评论(0编辑  收藏  举报