1. 程式人生 > >JavaScript條件控制語句

JavaScript條件控制語句

i語句:

var box=50;
if (box == 50){
	alert("True');
}

if … else if … else…

var box = 50;
if (box > 0 && box <60){
	alert("不及格");
}else if (box >=60 && box < 80){
	alert("及格");
}else if (box >= 80 && box <= 100){
	alert("good");
}else{
	alert("數值錯誤");
}

switch 語句是多重條件判斷,用於多個值相等的比較。

var box = 4;
switch (box){
     case 1:
         alert("one");
         break;
     case 2:
         alert("two");
         break;
     case 3:
         alert("three");
         break;
     default:
         alert("預設值");
         break;
 }						// 由於case沒有可以匹配到4的項,所以使用default中的內容

while 語句是一種先判斷後迴圈的語句,必選先滿足條件,才會執行迴圈體內

var box = 5;
while(box > 0){
	alert(box);
	box--;
};

do…while 語句是一種先執行後判斷的迴圈語句,也就是說,不管條件是否滿足,都至少執行一次迴圈體內

var box = 1;
do{
	alert(box);
	box++;
}while (box < 5);

for 語句也是一種先判斷,後迴圈的語句,但他可以在迴圈之前初始變數

for (var box=1; box<=5; box++){				//第一步,宣告變數 var box = 1;
	alert(box);							// 第二步,判斷box <=5;	
	};										// 第三步,執行迴圈體內alert(box);
											// 第四步,box++
											// 第五步,從第二步開始再次判斷執行,直到判斷為false停止迴圈。	

for…in 語句是一種精準的迭代語句,可以用來枚舉出物件的屬性。

var list = [1, 2, 3, 4, 5];
for (var i in list){
	document.write(i);				//迭代的是陣列的下標
};				
var p = {name: "張三", age:18, sex: "男"}; 			// 建立一個物件,鍵值對,冒號左邊是屬性名,右邊是值
for (var i in p){
	console.log(i, p[i]);					// 列舉出所有的屬性和值,迴圈列舉出p,每個i就是p的每個屬性名,p[i]就是p[屬性名],比如p[name]可以顯示出屬性為name的那個值。
};

with 語句的作用是將程式碼的作用域設定到一個特定的物件中。

var box = {
	name: "張三",
	age: 18,
	sex: ”男",
};
/*從物件裡取值賦給變數*/
var a = box.name;
var b = box.age;
var c = box.sex;

/*可以將上面三段的賦值操作改為:*/
with (box){
	var a = name;
	var b = age;
	var c = sex;
}					// 省略了box的物件名

DOM(Document Object Model)文件物件模型

Node(節點)

  • 載入 HTML 頁面時,Web 瀏覽器生成一個樹型結構,用來表示頁面內部結構。DOM 將這種樹型結構理解為由節點組成

當作一個節點的話,那麼這些節點組合成了一棵節點樹。

  • 節點種類:元素節點,文字節點,屬性節點。
<div title="屬性節點">測試 Div</div>

在這裡插入圖片描述