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 語句