DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> JavaScript中的條件判斷語句使用詳解
JavaScript中的條件判斷語句使用詳解
編輯:JavaScript基礎知識     

 在寫一個程序,可能有一種情況,當你需要采用一個路徑出給定兩個路徑。所以,需要使用條件語句,讓程序來做出正確的決策和執行正確的行動。

JavaScript支持其用於執行根據不同的條件不同的操作條件語句。在這裡,我們將解釋if..else語句。

JavaScript支持if..else語句的形式如下:

  •     if 語句
  •     if...else 語句
  •     if...else if... 語句.

if 語句:

if語句是基本的控制語句,它允許JavaScript來作出決定,有條件地執行語句。
語法:

if (expression){
  Statement(s) to be executed if expression is true
}

這裡的JavaScript表達式expression求值。如果得到的值是true,給定語句執行。如果表達式為假則聲明將不執行。大部分的時間你會使用比較運算在使用決策時。
例子:

<script type="text/javascript">
<!--
var age = 20;
if( age > 18 ){
  document.write("<b>Qualifies for driving</b>");
}
//-->
</script>

這將產生以下結果:

Qualifies for driving

if...else 語句:

在if ... else語句是控制語句的下一個表單,允許JavaScript執行更可控語句。
語法

if (expression){
  Statement(s) to be executed if expression is true
}else{
  Statement(s) to be executed if expression is false
}

這裡JavaScript表達式求值。如果結果值是真實的,給定語句在if塊(S),被執行。如果表達式是假,則定的else語句塊被執行。
例子:

<script type="text/javascript">
<!--
var age = 15;
if( age > 18 ){
  document.write("<b>Qualifies for driving</b>");
}else{
  document.write("<b>Does not qualify for driving</b>");
}
//-->
</script>

這將產生以下結果:

Does not qualify for driving

 
if...else if... 語法:

在if...else if... .控制語句的一個層面推進的形式,JavaScript做正確的決策出了幾個條件。
語法

if (expression 1){
  Statement(s) to be executed if expression 1 is true
}else if (expression 2){
  Statement(s) to be executed if expression 2 is true
}else if (expression 3){
  Statement(s) to be executed if expression 3 is true
}else{
  Statement(s) to be executed if no expression is true
}

代碼沒有什麼特別之處。這僅僅是一系列的if語句,其中每個if之前的語句是else子句的一部分。聲明是基於true條件執行的,如果非條件是true,那麼else塊執行。
例子:

<script type="text/javascript">
<!--
var book = "maths";
if( book == "history" ){
  document.write("<b>History Book</b>");
}else if( book == "maths" ){
  document.write("<b>Maths Book</b>");
}else if( book == "economics" ){
  document.write("<b>Economics Book</b>");
}else{
 document.write("<b>Unknown Book</b>");
}
//-->
</script>

這將產生以下結果:

Maths Book

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved