<pre id="line1"><!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>條件判斷語句</title> <style type="text/css"> .box{
width: 300px;
height: 300px;
background-color: gold;
} </style> <script type="text/javascript"> /*
條件判斷語句：
- 使用條件判斷語句可以在執(zhí)行某個(gè)語句之前進(jìn)行判斷绪杏，
如果條件成立才會執(zhí)行語句，條件不成立則語句不執(zhí)行纽绍。
- if語句
- 語法一：
if(條件表達(dá)式){
語句...
}
if語句在執(zhí)行時(shí)蕾久，會先對條件表達(dá)式進(jìn)行求值判斷，
如果條件表達(dá)式的值為true拌夏，則執(zhí)行if后的語句僧著，
如果條件表達(dá)式的值為false，則不會執(zhí)行if后的語句障簿。
if語句只能控制緊隨其后的那個(gè)語句,
如果希望if語句可以控制多條語句霹抛，
可以將這些語句統(tǒng)一放到代碼塊中
if語句后的代碼塊（即{}）不是必須的，但是在開發(fā)中盡量寫上代碼塊卷谈，即使if后只有一條語句
- 語法二:
if(條件表達(dá)式){
語句...
}else{
語句...
}
if...else...語句
當(dāng)該語句執(zhí)行時(shí)杯拐，會先對if后的條件表達(dá)式進(jìn)行求值判斷，
如果該值為true世蔗，則執(zhí)行if后的語句
如果該值為false端逼，則執(zhí)行else后的語句
*/
window.onload = function(){
var oBtn = document.getElementById('btn');
var oDiv = document.getElementById('box');
/*oBtn.onclick = function(){
if(oDiv.style.display == 'none'){
oDiv.style.display = 'block';
}else{
oDiv.style.display = 'none';
}
}*/
// alert(oDiv.style.display);//彈出空白提示框，因?yàn)閐iv沒設(shè)置過style屬性
oBtn.onclick = function(){
if(oDiv.style.display == 'block' || oDiv.style.display == ''){
oDiv.style.display = 'none';
}else{
oDiv.style.display = 'block';
}
}
} </script> </head> <body> <input type="button" value="切換" id="btn"> <br> <div class="box" id="box"></div> </body> </html></pre>
<pre id="line1"><!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>多重條件判斷語句</title> <script type="text/javascript"> /*
if語句
語法三：
if(條件表達(dá)式){
語句...
}else if(條件表達(dá)式){
語句...
}else if(條件表達(dá)式){
語句...
}else{
語句...
}
if...else if...else
當(dāng)該語句執(zhí)行時(shí)污淋，會從上到下依次對條件表達(dá)式進(jìn)行求值判斷
如果值為true顶滩，則執(zhí)行當(dāng)前語句。
如果值為false寸爆，則繼續(xù)向下判斷礁鲁。
如果所有的條件都不滿足盐欺，則執(zhí)行最后一個(gè)else后的語句
該語句中，只會有一個(gè)代碼塊被執(zhí)行仅醇，一旦代碼塊執(zhí)行了冗美，則直接結(jié)束語句
*/
/*
條件分支語句也叫switch語句
語法：
switch(條件表達(dá)式){
case 表達(dá)式:
語句...
break;
case 表達(dá)式:
語句...
break;
default:
語句...
break;
}
執(zhí)行流程：
switch...case..語句
在執(zhí)行時(shí)會依次將case后的表達(dá)式的值和switch后的條件表達(dá)式的值進(jìn)行全等比較，
如果比較結(jié)果為true析二，則從當(dāng)前case處開始執(zhí)行代碼粉洼。
當(dāng)前case后的所有的代碼都會執(zhí)行，我們可以在case的后邊跟著一個(gè)break關(guān)鍵字叶摄，
這樣可以確保只會執(zhí)行當(dāng)前case后的語句属韧，而不會執(zhí)行其他的case
如果比較結(jié)果為false，則繼續(xù)向下比較
如果所有的比較結(jié)果都為false蛤吓，則只執(zhí)行default后的語句
switch語句和if語句的功能實(shí)際上有重復(fù)的宵喂，使用switch可以實(shí)現(xiàn)if的功能，同樣使用if也可以實(shí)現(xiàn)switch的功能会傲，所以我們使用時(shí)樊破，可以根據(jù)自己的習(xí)慣選擇。
*/
var today = 4;
// if(today == 1){
// alert('語文');
// }else if(today == 2){
// alert('數(shù)學(xué)');
// }else if(today == 3){
// alert('英語');
// }else if(today == 4){
// alert('美術(shù)');
// }else if(today == 5){
// alert('舞蹈');
// }else{
// alert('不補(bǔ)習(xí)');
// }
switch(today){
case 1:
alert('語文');
break;//結(jié)束整個(gè)switch語句
case 2:
alert('數(shù)學(xué)');
break;
case 3:
alert('英語');
break;
case 4:
alert('美術(shù)');
break;
case 5:
alert('舞蹈');
break;
default:
alert('不補(bǔ)習(xí)');
break;//最后一個(gè)default可以不寫break唆铐，但建議寫上
} </script> </head> <body> </body> </html></pre>
