JavaScript の條件文
條件ステートメントは、さまざまな條件に基づいてさまざまなアクションを?qū)g行するために使用されます。
條件文
通常、コードを記述するときは、さまざまな決定に対して常にさまざまなアクションを?qū)g行する必要があります。コード內(nèi)で條件ステートメントを使用すると、このタスクを?qū)g行できます。
JavaScript では、次の條件ステートメントを使用できます:
if ステートメント - 指定された條件が true の場合にのみコードを?qū)g行するには、このステートメントを使用します。
if...else ステートメント - 條件が true の場合コードを?qū)g行し、條件が false の場合は他のコードを?qū)g行します
if...else if....else ステートメント - このステートメントを使用して、実行するコードの複數(shù)のブロックの 1 つを選択します
switch ステートメント - これを使用します実行するコードの複數(shù)のブロックの 1 つを選択するステートメント
If ステートメント
このステートメントは、指定された條件が true の場合にのみコードを?qū)g行します。
構(gòu)文
if (條件)
{
條件が true のときに実行されるコード
}
注: if は小文字を使用してください。大文字 (IF) を使用すると、JavaScript エラーが発生します。
例
時間が20:00未満の場合、「こんにちは」という挨拶を生成します:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
</head>
<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>注、この構(gòu)文には...else....はありません。指定された條件が true の場合にのみコードを?qū)g行するようにブラウザーに指示しました。
プログラムを?qū)g行して試してください
If...elseステートメント
條件がtrueの場合はコードを?qū)g行し、條件がfalseの場合は他のコードを?qū)g行するにはif....elseステートメントを使用してください。 。
構(gòu)文
if (條件)
{
條件が true のときに実行されるコード
}
else
{
條件が true でないときに実行されるコード
}
例時刻が20時未満の場合は「こんにちは」の挨拶が生成され、それ以外の場合は「こんばんは」の挨拶が生成されます。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
</head>
<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>プログラムを?qū)g行して試してみましょう
If...else if...else ステートメント if....else if...else ステートメントを使用して、複數(shù)のブロックの 1 つを選択します実行するコードの 。
構(gòu)文
if (條件1){條件1が真のときに実行されるコード
}
else if (條件2)
{
條件2が真のときに実行されるコード
}
else
{
コード條件 1 も條件 2 も true でない場合に実行されます
}
例 時間が 10:00 未満の場合は、挨拶「おはようございます」を生成し、時間が 10:00 を超えている場合は、 20:00 未満の場合は「こんにちは」という挨拶が生成され、それ以外の場合は「こんばんは」という挨拶が生成されます:
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
</head>
<body>
<script type="text/javascript">
var d = new Date();
var time = d.getHours();
if (time<10)
{
document.write("<b>早上好</b>");
}
else if (time>=10 && time<16)
{
document.write("<b>今天好</b>");
}
else
{
document.write("<b>Hello World!</b>");
}
</script>
<p>
這個例子演示了 if..else if...else 語句。
</p>
</body>
</html>プログラムを?qū)g行して試してみてください
