（二）js选择结构

1.js的执行顺序.

a)    一般按照书写的顺序来执行.

b)    另外一种是通过判断然后执行下一项语句.

注:一般讲js语句写在body内容的最后来执行.

2.js的结构

a)    顺序结构

b)    选择结构

c)    循环结构

3.选择结构

a)    if选择结构.

语法:if(condition){}

eg:onclick 点击事件  //装载

    onload事件：当页面内容全部加载完毕的时候执行的事件

    document.write：如果当页面加载完毕以后再去执行该方法，该方法的输出内容会覆盖页面原有内容。

    window.onload = function () {

    获取点击按钮

    var oJudge = document.getElementById('judge');

    获取第一个输入框

    var oFirst = document.getElementById('first');

    获取第二个输入框

    var oSecond = document.getElementById('second');

    给按钮添加点击事件

    oJudge.onclick = function () {

        获取第一个输入框内容

        var sFirstValue = oFirst.value;

        获取第二个输入框内容

        var sSecondValue = oSecond.value;

        判断：如果第一个值大于第二个值则alert（OK！）

        if(sFirstValue > sSecondValue) {

            document.write('OK!');

        } else {

            document.write('NOT OK!');

        }

        三目运算符语法：condition ? if_true : if_false;

        document.write(sFirstValue > sSecondValue ? 'OK!' : 'NOT OK!');

    };

};

b)多路选择结构

语法:if(){}else if(){}else{};

eg:    

var oScore = document.getElementById('score');//获取用户输入框的内容.
    var oJudge = document.getElementById('judge');//获取点击按钮.
    oJudge.onclick = function(){
        var sScore = oScore.value;
        if(sScore >= 0 && sScore < 60){
            alert("嗨你麻痹");
        } else if(sScore >= 60 && sScore < 70){
            alert("玩你麻痹");
        } else if(sScore >= 70 && sScore < 80){
            alert("睡你麻痹");
        } else if(sScore >= 80 && sScore < 90){
            alert("先不削你");
        } else if(sScore >= 90 && sScore < 100){
            alert("撒野去");
        } else if(sScore == 100){
            alert("犊子,是不是作弊了");
        } else{
            alert("输入非法");
        }
    };

c)switch选择语句.

语法:switch(val){

    case val1:  //条件

        code...//代码

    case val2:

        code...

    case val3:

        code...

    case val4:

        code...

    case val5:

        code...

    default:

        code...

    }

eg:    

var oScore = document.getElementById('score');//获取用户输入框的内容.
    var oJudge = document.getElementById('judge');//获取点击按钮.
    oJudge.onclick = function(){
        var sScore = oScore.value;
        switch(true){
            case sScore >= 60 &&sScore < 70 :
            alert("嗨你麻痹");
            break;
            case sScore >= 70 &&sScore < 80 :
            alert("玩你麻痹") ;
            break;
            case sScore >= 80 && sScore < 90 :
            alert("睡你麻痹");
            break;
            case sScore >= 90 && sScore < 100 :
            alert("先不削你");
            break;
            case sScore == 100 :
            alert("犊子,是不是作弊了");
            break;
            alert("成绩输入非法");
        }
    }

4.扩展一:

window.onload = function(){

}

注:当页面内容执行完毕后开始执行的事件.

5.扩展二:判断用户所输入的信息是不是一个数字.

    if(isNaN(num)){

        alert(num+"不是一个数字.")

    }