多重條件判斷語(yǔ)句
if語(yǔ)句
語(yǔ)法：
if(條件表達(dá)式){
語(yǔ)句...
}else if(條件表達(dá)式){
語(yǔ)句...
}else if(條件表達(dá)式){
語(yǔ)句...
}else{
語(yǔ)句...
}
if...else if...else
當(dāng)該語(yǔ)句執(zhí)行時(shí)匾嘱，會(huì)從上到下依次對(duì)條件表達(dá)式進(jìn)行求值判斷
如果值為true，則執(zhí)行當(dāng)前語(yǔ)句早抠。
如果值為false霎烙，則繼續(xù)向下判斷。
如果所有的條件都不滿足蕊连，則執(zhí)行最后一個(gè)else后的語(yǔ)句
該語(yǔ)句中悬垃，只會(huì)有一個(gè)代碼塊被執(zhí)行，一旦代碼塊執(zhí)行了甘苍，則直接結(jié)束語(yǔ)句
var today = 4;
if(today == 1){
alert('語(yǔ)文');
}else if(today == 2){
alert('數(shù)學(xué)');
}else if(today == 3){
alert('英語(yǔ)');
}else if(today == 4){
alert('美術(shù)');
}else if(today == 5){
alert('舞蹈');
}else{
alert('不補(bǔ)習(xí)');
}
條件分支語(yǔ)句也叫switch語(yǔ)句
語(yǔ)法：
switch(條件表達(dá)式){
case 表達(dá)式:
語(yǔ)句...
break;
case 表達(dá)式:
語(yǔ)句...
break;
default:
語(yǔ)句...
break;
}
執(zhí)行流程：
switch...case..語(yǔ)句
在執(zhí)行時(shí)會(huì)依次將case后的表達(dá)式的值和switch后的條件表達(dá)式的值進(jìn)行全等比較尝蠕，
如果比較結(jié)果為true，則從當(dāng)前case處開(kāi)始執(zhí)行代碼载庭。
當(dāng)前case后的所有的代碼都會(huì)執(zhí)行看彼，我們可以在case的后邊跟著一個(gè)break關(guān)鍵字，
這樣可以確保只會(huì)執(zhí)行當(dāng)前case后的語(yǔ)句昧捷，而不會(huì)執(zhí)行其他的case
如果比較結(jié)果為false闲昭，則繼續(xù)向下比較
如果所有的比較結(jié)果都為false，則只執(zhí)行default后的語(yǔ)句
switch語(yǔ)句和if語(yǔ)句的功能實(shí)際上有重復(fù)的靡挥，使用switch可以實(shí)現(xiàn)if的功能序矩，同樣使用if也可以實(shí)現(xiàn)switch的功能，所以我們使用時(shí)跋破，可以根據(jù)自己的習(xí)慣選擇簸淀。
var today = 4;
switch(today){
case 1:
alert('語(yǔ)文');
break;//結(jié)束整個(gè)switch語(yǔ)句
case 2:
alert('數(shù)學(xué)');
break;
case 3:
alert('英語(yǔ)');
break;
case 4:
alert('美術(shù)');
break;
case 5:
alert('舞蹈');
break;
default:
alert('不補(bǔ)習(xí)');
break;//最后一個(gè)default可以不寫break，但建議寫上
}
通過(guò)標(biāo)簽獲取元素
獲取頁(yè)面上所有的li
var aLi = document.getElementsByTagName('li');
獲取id為list01的ul
var oList = document.getElementById('list01');
再獲取這個(gè)ul下的所有l(wèi)i
var aLi = oList.getElementsByTagName('li');
alert(aLi.length);//8
指定索引處的li設(shè)定背景顏色
aLi[0].style.backgroundColor = 'gold';
aLi[1].style.backgroundColor = 'gold';
}
</script>
</head>
<body>
<ul id="list01">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
</ul>
循環(huán)語(yǔ)句
循環(huán)語(yǔ)句：
通過(guò)循環(huán)語(yǔ)句可以反復(fù)的執(zhí)行一段代碼多次
while循環(huán)
- 語(yǔ)法：
while(條件表達(dá)式){
語(yǔ)句...
}
- while語(yǔ)句在執(zhí)行時(shí)毒返，
先對(duì)條件表達(dá)式進(jìn)行求值判斷租幕，
如果值為true，則執(zhí)行循環(huán)體拧簸，
循環(huán)體執(zhí)行完畢以后劲绪，繼續(xù)對(duì)表達(dá)式進(jìn)行判斷
如果為true，則繼續(xù)執(zhí)行循環(huán)體盆赤，以此類推
如果值為false贾富，則終止循環(huán)
do...while循環(huán)
- 語(yǔ)法：
do{
語(yǔ)句...
}while(條件表達(dá)式)
- 執(zhí)行流程：
do...while語(yǔ)句在執(zhí)行時(shí)，會(huì)先執(zhí)行循環(huán)體牺六，
循環(huán)體執(zhí)行完畢以后颤枪，在對(duì)while后的條件表達(dá)式進(jìn)行判斷，
如果結(jié)果為true淑际，則繼續(xù)執(zhí)行循環(huán)體畏纲，執(zhí)行完畢繼續(xù)判斷以此類推
如果結(jié)果為false扇住，則終止循環(huán)
實(shí)際上這兩個(gè)語(yǔ)句功能類似，不同的是while是先判斷后執(zhí)行盗胀，
而do...while會(huì)先執(zhí)行后判斷艘蹋，
do...while可以保證循環(huán)體至少執(zhí)行一次，
而while不能
for語(yǔ)句票灰，也是一個(gè)循環(huán)語(yǔ)句簿训，也稱為for循環(huán)
在for循環(huán)中，為我們提供了專門的位置用來(lái)放三個(gè)表達(dá)式：
1.初始化表達(dá)式
2.條件表達(dá)式
3.更新表達(dá)式
for循環(huán)的語(yǔ)法：
for(①初始化表達(dá)式;②條件表達(dá)式;④更新表達(dá)式){
③語(yǔ)句...
}
for循環(huán)的執(zhí)行流程：
①執(zhí)行初始化表達(dá)式米间，初始化變量（初始化表達(dá)式只會(huì)執(zhí)行一次）
②執(zhí)行條件表達(dá)式，判斷是否執(zhí)行循環(huán)膘侮。
如果為true屈糊，則執(zhí)行循環(huán)③
如果為false，終止循環(huán)
④執(zhí)行更新表達(dá)式琼了，更新表達(dá)式執(zhí)行完畢繼續(xù)重復(fù)②
任意一種循環(huán)都可以互相嵌套
創(chuàng)建一個(gè)循環(huán)逻锐，往往需要三個(gè)步驟
1.創(chuàng)初始化一個(gè)變量
var j = 0;
2.在循環(huán)中設(shè)置一個(gè)條件表達(dá)式
while(j < aLi.length){
aLi[j].style.background = 'gold';
3.定義一個(gè)更新表達(dá)式，每次更新初始化變量
j++;
以下是死循環(huán)的寫法
像這種將條件表達(dá)式寫死為true的循環(huán)雕薪，叫做死循環(huán)
該循環(huán)不會(huì)停止昧诱，除非瀏覽器關(guān)閉，死循環(huán)在開(kāi)發(fā)中慎用
可以使用break所袁，來(lái)終止循環(huán)
while(true){
if(j>10){
break;//退出整個(gè)循環(huán)
}
j++;
}
//for循環(huán)的死循環(huán)寫法
for(;;){
break關(guān)鍵字可以用來(lái)退出switch或循環(huán)語(yǔ)句
不能在if語(yǔ)句中使用break和continue
break關(guān)鍵字盏档，會(huì)立即終止離他最近的那個(gè)循環(huán)語(yǔ)句
continue關(guān)鍵字可以用來(lái)跳過(guò)當(dāng)次循環(huán)
同樣continue也是默認(rèn)只會(huì)對(duì)離他最近的循環(huán)循環(huán)起作用
可以為循環(huán)語(yǔ)句創(chuàng)建一個(gè)label，來(lái)標(biāo)識(shí)當(dāng)前的循環(huán)
label:循環(huán)語(yǔ)句
使用break語(yǔ)句時(shí)燥爷，可以在break后跟著一個(gè)label蜈亩，
這樣break將會(huì)結(jié)束指定的循環(huán)，而不是最近的
outer:
for(var i=0 ; i<5 ; i++){
console.log("@外層循環(huán)"+i);
for(var j=0 ; j<5; j++){
console.log("內(nèi)層循環(huán):"+j);
break outer;
}
}
}
