這篇文章主要介紹了JavaScript如何使用If...Else實現條件語句,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
JavaScript 條件語句
條件語句用于基于不同的條件來執行不同的動作。
為不同的決定來執行不同的動作,可以在代碼中使用條件語句來完成該任務。
在 JavaScript 中,我們可使用以下條件語句:
if 語句 - 只有當指定條件為 true 時,使用該語句來執行代碼
if...else 語句 - 當條件為 true 時執行代碼,當條件為 false 時執行其他代碼
if...else if....else 語句 - 使用該語句來選擇多個代碼塊之一來執行
switch 語句 - 使用該語句來選擇多個代碼塊之一來執行
If 語句
只有當指定條件為 true 時,該語句才會執行代碼。
<!DOCTYPE html> <html> <body> <p>如果時間早于 20:00,會獲得問候 "Good day"。</p> <button onclick="myFunction()">點擊這里</button> <p id="demo"></p> <script> function myFunction() { var x=""; var time=new Date().getHours(); if (time<20) { x="Good day"; } document.getElementById("demo").innerHTML=x; } </script> </body> </html>
注釋:當時間小于 20:00 時,生成一個“Good day”問候。
提示:請使用小寫的 if。使用大寫字母(IF)會生成 JavaScript 錯誤!
If...else 語句
使用 if....else 語句在條件為 true 時執行代碼,在條件為 false 時執行其他代碼。
<!DOCTYPE html> <html> <body> <p>點擊這個按鈕,獲得基于時間的問候。</p> <button onclick="myFunction()">點擊這里</button> <p id="demo"></p> <script> function myFunction() { var x=""; var time=new Date().getHours(); if (time<20) { x="Good day"; } else { x="Good evening"; } document.getElementById("demo").innerHTML=x; } </script> </body> </html>
注釋:當時間小于 20:00 時,將得到問候 "Good day",否則將得到問候 "Good evening"。
If...else if...else 語句
使用 if....else if...else 語句來選擇多個代碼塊之一來執行。
// 語法 if (條件 1) { // 當條件 1 為 true 時執行的代碼 } else if (條件 2) { // 當條件 2 為 true 時執行的代碼 } else { // 當條件 1 和 條件 2 都不為 true 時執行的代碼 } // 實例 if (time<10) { x="Good morning"; } else if (time<20) { x="Good day"; } else { x="Good evening"; }
注釋:如果時間小于 10:00,則將發送問候 "Good morning",否則如果時間小于 20:00,則發送問候 "Good day",否則發送問候 "Good evening"。
感謝你能夠認真閱讀完這篇文章,希望小編分享的“JavaScript如何使用If...Else實現條件語句”這篇文章對大家有幫助,同時也希望大家多多支持億速云,關注億速云行業資訊頻道,更多相關知識等著你來學習!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。