這篇文章主要為大家展示了“javascript中條件控制語句是什么”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“javascript中條件控制語句是什么”這篇文章吧。

創(chuàng)新互聯(lián)建站技術(shù)團隊10年來致力于為客戶提供成都網(wǎng)站設(shè)計、成都網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)、品牌網(wǎng)站建設(shè)、成都全網(wǎng)營銷、搜索引擎SEO優(yōu)化等服務(wù)。經(jīng)過多年發(fā)展，公司擁有經(jīng)驗豐富的技術(shù)團隊，先后服務(wù)、推廣了近千家網(wǎng)站，包括各類中小企業(yè)、企事單位、高校等機構(gòu)單位。

js條件控制語句有：1、if語句；2、“if … else if … else…”語句；3、switch語句；4、while語句；5、“do…while”語句；6、for語句；7、“for…in”語句；8、with語句。

本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。

if語句：

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("數(shù)值錯誤");
}

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中的內(nèi)容

while 語句是一種先判斷后循環(huán)的語句，必選先滿足條件，才會執(zhí)行循環(huán)體內(nèi)

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

do…while 語句是一種先執(zhí)行后判斷的循環(huán)語句，也就是說，不管條件是否滿足，都至少執(zhí)行一次循環(huán)體內(nèi)

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

for 語句也是一種先判斷，后循環(huán)的語句，但他可以在循環(huán)之前初始變量

for (var box=1; box<=5; box++){			//第一步，聲明變量 var box = 1;
	alert(box);				// 第二步，判斷box <=5;	
	};					// 第三步，執(zhí)行循環(huán)體內(nèi)alert(box);
						// 第四步，box++
						// 第五步，從第二步開始再次判斷執(zhí)行，直到判斷為false停止循環(huán)。

for…in 語句是一種精準的迭代語句，可以用來枚舉出對象的屬性。

var list = [1, 2, 3, 4, 5];
for (var i in list){
	document.write(i);	//迭代的是數(shù)組的下標
};				
var p = {name: "張三", age:18, sex: "男"}; // 創(chuàng)建一個對象，鍵值對，冒號左邊是屬性名，右邊是值
for (var i in p){
	console.log(i, p[i]);	// 列舉出所有的屬性和值，循環(huán)列舉出p，每個i就是p的每個屬性名，p[i]就是p[屬性名]，比如p[name]可以顯示出屬性為name的那個值。
};

with 語句的作用是將代碼的作用域設(shè)置到一個特定的對象中。

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(節(jié)點)

加載 HTML 頁面時，Web 瀏覽器生成一個樹型結(jié)構(gòu)，用來表示頁面內(nèi)部結(jié)構(gòu)。DOM 將這種樹型結(jié)構(gòu)理解為由節(jié)點組成

節(jié)點種類：元素節(jié)點，文本節(jié)點，屬性節(jié)點。

測試 Div