javascript选择结构

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+"不是一个数字.")
}