最新的Web開發教程
 

JavaScript if / else語句

<JavaScript語句參考

例

如果當前時間(HOUR)小於20:00，輸出"Good day"在使用id =“演示”的元素：

var time = new Date().getHours();
if (time < 20) {
    document.getElementById("demo").innerHTML = "Good day";
}

其結果將是：

試一試»

更多"Try it Yourself"下面的例子。

定義和用法

該if / else語句，如果指定的條件為真時執行的代碼塊。 如果條件為假，另一個代碼塊可以被執行。

該if / else語句是JavaScript的一個部分"Conditional"語句，用於執行基於不同條件下不同的動作。

在JavaScript中，我們有以下條件語句：

  • 使用if指定的代碼塊將被執行，如果一個指定的條件是真
  • 使用else指定的代碼塊將被執行，如果相同的條件為假
  • 使用else if指定一個新的條件來測試，如果第一個條件為假
  • 使用switch來選擇很多代碼塊中的一個要被執行

瀏覽器支持

聲明
if/else 是 是 是 是 是

句法

if語句指定如果一個條件為真時執行的代碼塊：

if ( else語句指定如果條件是假的要執行的代碼塊：

if ( 如果語句指定一個新的條件：第一條件是假的東西 ：

if ( 參數值
參數 描述
condition 需要。 計算結果為true或false的表達式

技術細節

JavaScript的版本： 1.0
例子

更多示例

例

如果時間不到20:00，創建一個"Good day"的問候語，否則"Good evening" ：

var time = new Date().getHours();
if (time < 20) {
    greeting = "Good day";
} else {
    greeting = "Good evening";
}

問候的結果將是：

試一試»

例

如果時間不到10:00，創建一個"Good morning"的問候語，如果沒有，但時間小於20:00，創建一個"Good day"的問候語，否則"Good evening" ：

var time = new Date().getHours();
if (time < 10) {
    greeting = "Good morning";
} else if (time < 20) {
    greeting = "Good day";
} else {
    greeting = "Good evening";
}

問候的結果將是：

試一試»

例

如果第一<div>在文檔中元件具有一個id "myDIV"改變其字體大小：

var x = document.getElementsByTagName("DIV")[0];

if (x.id === "myDIV") {
    x.style.fontSize = "30px";
}
試一試»

例

改變的值source屬性(src)的的<img>元素，如果用戶點擊在圖像上：

<img id="myImage" onclick="changeImage()" src="pic_bulboff.gif" width="100" height="180">

<script>
function changeImage() {
    var image = document.getElementById("myImage");
    if (image.src.match("bulbon")) {
        image.src = "pic_bulboff.gif";
    } else {
        image.src = "pic_bulbon.gif";
    }
}
</script>
試一試»

例

顯示基於用戶輸入的消息：

var letter = document.getElementById("myInput").value;
var text;

// If the letter is "c"
if (letter === "c") {
    text = "Spot on! Good job!";

// If the letter is "c" or "e"
} else if (letter === "b" || letter === "d") {
    text = "Close, but not close enough.";

// If the letter is anything else
} else {
    text = "Waaay off..";
}
試一試»

例

驗證輸入數據：

var x, text;

// Get the value of the input field with id="numb"
x = document.getElementById("numb").value;

// If x is Not a Number or less than 1 or greater than 10, output "input is not valid"
// If x is a number between 1 and 10, output "Input OK"

if (isNaN(x) || x < 1 || x > 10) {
    text = "Input not valid";
} else {
    text = "Input OK";
}
試一試»

相關頁面

JavaScript的教程： JavaScript的if ... else語句

JavaScript的教程： JavaScript的switch語句

<JavaScript語句參考