Javascript 基礎教學課程控制語句

條件語句有哪些?

if  語句

if(條件){

    執行程式碼;

}

實例:

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>javascript</title>
</head>
<body>
	<script type="text/javascript">
		var x=5;
		if(x<4){
			alert('true');
		}
	</script>
</body>
</html>

註:x等於5   執行if語句,如果x小於4 執行下面語句,本段程式碼中,x是不符合條件的,所以不會執行下面語句,輸出為空;

if......else

if(條件){

    滿足條件執行程式碼

}else{

    條件不符合執行碼

}

實例:

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>javascript</title>
</head>
<body>
	<script type="text/javascript">
		var x=5;
		if(x<4){
			alert('true');
		}else{
			alert('false');
		}
	</script>
</body>
</html>

註:x =5  判斷條件是否滿足x<4    如果條件成立,執行alert('true');否則的話,執行alert('false');

#if..... .else if.....else

if(條件1){

#    執行語句1

}else if(條件2){

    執行語句2

#}else if(條件3){

    執行語句3

#}else{

#    未符合以上條件 執行語句4

}

實例:

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>控制流程语句   if....else if....else </title>
</head>
<script type="text/javascript">
		var age = 50;
		if(age<=30){
			document.write('青年');
		}else if(age<=40){
			document.write('中年');
		}else if(age<=60){
			document.write('中老年');
		}else{
			document.write('老年');
		}
</script>
<body>
	
</body>
</html>

switch語句

switch(條件) {

    case 1:執行語句;break;

    case 2:執行語句;break;

    case 3:執行語句; :執行語句;

}

實例:

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>流程控制语句  switch 语句  </title>
</head>
<script type="text/javascript">
	var myweek=1;
	switch(myweek){
		case 1:document.write('学习html');break;
		case 2:document.write('学习div+css');break;
		case 3:document.write('学习javascript');break;
		case 4:document.write('学习jquery');break;
		case 5:document.write('学习php');break;
		default:document.write('休息');
	}
</script>
<body>

</body>
</html>

註:switch  是結合break 來是用的,當myweek等於1時,如果執行語句後面沒有加break ;會把case 1 到default 為止的全部輸出出來,加上break ,當找到滿足條件時,不往下執行,switch  必須有初始值,當所有條件不滿足時,執行default 語句

繼續學習
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>javascript</title> </head> <body> <script type="text/javascript"> var x=5; if(x<4){ alert('true'); } </script> </body> </html>
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!