條件判斷語句
<!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í)行某個語句之前進行判斷，
如果條件成立才會執(zhí)行語句佑笋，條件不成立則語句不執(zhí)行醉蚁。
- if語句
- 語法一：
if(條件表達式){
語句...
}
if語句在執(zhí)行時，會先對條件表達式進行求值判斷隘谣，
如果條件表達式的值為true，則執(zhí)行if后的語句，
如果條件表達式的值為false共苛，則不會執(zhí)行if后的語句琼富。
if語句只能控制緊隨其后的那個語句,
如果希望if語句可以控制多條語句胧辽，
可以將這些語句統(tǒng)一放到代碼塊中
if語句后的代碼塊（即{}）不是必須的，但是在開發(fā)中盡量寫上代碼塊公黑，即使if后只有一條語句
- 語法二:
if(條件表達式){
語句...
}else{
語句...
}
if...else...語句
當該語句執(zhí)行時邑商，會先對if后的條件表達式進行求值判斷，
如果該值為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);//彈出空白提示框，因為div沒設置過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>
多重條件判斷語句
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>多重條件判斷語句</title>
<script type="text/javascript">
/*
if語句
語法三：
if(條件表達式){
語句...
}else if(條件表達式){
語句...
}else if(條件表達式){
語句...
}else{
語句...
}
if...else if...else
當該語句執(zhí)行時朝蜘，會從上到下依次對條件表達式進行求值判斷
如果值為true恶迈，則執(zhí)行當前語句。
如果值為false谱醇，則繼續(xù)向下判斷暇仲。
如果所有的條件都不滿足，則執(zhí)行最后一個else后的語句
該語句中副渴，只會有一個代碼塊被執(zhí)行奈附，一旦代碼塊執(zhí)行了，則直接結束語句
*/
/*
條件分支語句也叫switch語句
語法：
switch(條件表達式){
case 表達式:
語句...
break;
case 表達式:
語句...
break;
default:
語句...
break;
}
執(zhí)行流程：
switch...case..語句
在執(zhí)行時會依次將case后的表達式的值和switch后的條件表達式的值進行全等比較煮剧，
如果比較結果為true斥滤，則從當前case處開始執(zhí)行代碼。
當前case后的所有的代碼都會執(zhí)行勉盅，我們可以在case的后邊跟著一個break關鍵字佑颇，
這樣可以確保只會執(zhí)行當前case后的語句，而不會執(zhí)行其他的case
如果比較結果為false草娜，則繼續(xù)向下比較
如果所有的比較結果都為false挑胸，則只執(zhí)行default后的語句
switch語句和if語句的功能實際上有重復的，使用switch可以實現(xiàn)if的功能宰闰，同樣使用if也可以實現(xiàn)switch的功能茬贵，所以我們使用時凸克，可以根據(jù)自己的習慣選擇。
*/
// if(today == 1){
// alert('語文');
// }else if(today == 2){
// alert('數(shù)學');
// }else if(today == 3){
// alert('英語');
// }else if(today == 4){
// alert('美術');
// }else if(today == 5){
// alert('舞蹈');
// }else{
// alert('不補習');
// }
var today = 4;
switch(today){
case 1:
alert('語文');
break;//結束整個switch語句
case 2:
alert('數(shù)學');
break;
case 3:
alert('英語');
break;
case 4:
alert('美術');
break;
case 5:
alert('舞蹈');
break;
default:
alert('不補習');
break;//最后一個default可以不寫break闷沥，但建議寫上
}
</script>
</head>
<body>
</body>
</html>
