一,if...else 語句
1.if 語句
只有當條件為 true 時,該語句才會執(zhí)行代碼燃逻。
if (條件) ?{
只有條件為 true 是執(zhí)行該代碼
}
function myf() {
? var i = new Date().getHours();
? if (i<10) {
? ? document.getElementById("p").innerHTML="good moming";
? }
}
運行效果:
2.if...else? 語句
使用 if...else 語句在條件為 true 時執(zhí)行代碼,在條件為 false 時執(zhí)行其他代碼。
<input tyle="text" id="i">
<button onclick="myf()">請點擊</button>
<script>
?function myf() {
? ? var i = document.getElementById("i").value;
? ? if (inNaN(i)) {
? ? ? document.getElementById("p").innerHTML="輸入內(nèi)容非數(shù)字";
? ? }
? ? elre {
? ? ? document.getElementById("p").innerHTML="輸入內(nèi)容為數(shù)字";
? ? }
? }
</script>
<p id="p"></p>
運行效果:
3.if...else if...else 語句
使用 if...else if...else 語句來選擇多個代碼塊之一來執(zhí)行薪前。
if (i=" ") {
document.getElementById("p").innerHTML="請輸入內(nèi)容";
}
elre if (inNaN(i)) {
document.getElementById("p").innerHTML="輸入內(nèi)容非數(shù)字";
}
elre {
document.getElementById("p").innerHTML="輸入內(nèi)容為數(shù)字";
}
運行效果:
二,switch 語句
switch 語句用于基于不同的條件來執(zhí)行不同的動作关斜。
1. 語法
使用 switch 語句來選擇要執(zhí)行的多個代碼塊之一示括。
switch(n) {
? case 1:
? ? 執(zhí)行代碼塊 ?1
? ?break;
? case 2:
? ? 執(zhí)行代碼塊 ?2
? ? break;
? default:
? ? n 與 case 1 和 case 2 不同時執(zhí)行的代碼
}
工作原理:
首先設置表達式 n(通常是一個變量)。隨后表達式的值會與結構中的每個 case 的值做比較痢畜。如果存在匹配垛膝,與該 case 關聯(lián)的代碼塊會被執(zhí)行。使用 break 來阻止代碼自動地向下一個 case 運行丁稀。
var x;
var i = new Date().getDay();
switch(i) {
? case 0:
? ? x="今天是星期天";
? break;
? case 1:
? ? x="今天是星期一";
? break;
? case 2:
? ? x="今天是星期二";
? break;
? case 3:
? ? x="今天是星期三";
? break;
? case 4:
? ? x="今天是星期四";
? break;
? case 6:
? ? x="今天是星期五";
? break;
}
document.getElementById("p").innerHTML=x;
運行效果:
2. default 關鍵詞
使用 default 關鍵詞來匹配不存在時做的事情
var i = new Date().getDay();
switch(i) {
? case 6:
? ? x="今天是星期五";
? break;
? case 0:
? ? x="今天是星期天";
? break;
? default:
? ? x = "未到周末"
}
運行效果
三吼拥,for 循環(huán)
循環(huán)可以將代碼塊執(zhí)行指定的次數(shù)。
1.javascript 循環(huán)
如果希望一遍又一遍地運行相同的代碼二驰,并且每次的值都不同扔罪,那么使用循環(huán)是很方便的。
2.不同類型的循環(huán)
for循環(huán)
for 循環(huán)是在希望創(chuàng)建循環(huán)時常會用到的工具桶雀。
for 循環(huán)語法:
for (語句1; 語句2; 語句3){
被執(zhí)行的代碼
}
語句 1 在循環(huán)(代碼塊)開始前執(zhí)行
語句 2 定義運行循環(huán)(代碼塊)的條件
語句 3 在循環(huán)(代碼塊)已被執(zhí)行之后執(zhí)行
var x="";
for (var i = 1; i <=12; i++) {
? x = x + i + "月 ";
}
document.getElementById("p").innerHTML= x;
運行效果
語句 1:
通常會使用語句1 初始化循環(huán)中說用的變量(var = 0)矿酵。語句1 是可選的唬复,也就是說不使用語句1 也可以∪梗可以在語句1 中初始化任意(或多個)值:
whte = ["110", "120", "119", "999"];
for (var i = 0, l= whte.length; i<l; i++) {
? document.write(whte[i]);
}
運行效果
同時還可以省略語句 1(比如在循環(huán)開始前已經(jīng)設置了值時):
var i =2, l = whte.length;
for (; i<l; i++) {
? document.write(whte[i]);
}
語句 2:
通常語句2 用于評估初始變量的條件敞咧。語句 2 同樣是可選的。如果語句 2 返回true辜腺,則循環(huán)再次開始休建,如果返回false,則循環(huán)將結束评疗。
如果省略語句 2 测砂,就必須在循環(huán)內(nèi)提供 break。否則循環(huán)就無法停下來百匆。這樣可能令瀏覽器崩潰砌些。
語句 3:
通常語句 3 會增加初始變量的值。語句 3 也是可選的加匈。語句 3 有多種用法存璃。增量可以是負數(shù)(i--),或者更大 (i = i + 6)雕拼。語句 3 也可以省略(比如當循環(huán)內(nèi)部有相應的代碼時):
var x = "", i = 0;
for (; i<10; ) {
? x = x + i;
? document.write(x);
? i++;
}
運行效果
for/in循環(huán)
javascript for/in 語句循環(huán)遍歷對象的屬性:
var x;
var txt="";
var wthe={ na : "張三", me : "男", age : 66 };
for (x in wthe) {
? txt = txt + wthe[x];
}
document.write(txt);
運行效果