JavaScript の条件文
条件ステートメントは、さまざまな条件に基づいてさまざまなアクションを実行するために使用されます。
条件文
通常、コードを記述するときは、常に、さまざまな決定に対してさまざまなアクションを実行する必要があります。コード内で条件ステートメントを使用すると、このタスクを実行できます。
JavaScript では、次の条件ステートメントを使用できます:
if ステートメント - 指定された条件が true の場合にのみコードを実行するには、このステートメントを使用します
if...else ステートメント - いつ条件が true の場合はコードを実行し、条件が false の場合は他のコードを実行します
if...else if....else ステートメント - このステートメントを使用して、実行するコードの複数のブロックの 1 つを選択します
-
switch ステートメント - このステートメントを使用して、実行する複数のコード ブロックの 1 つを選択します。
If ステートメント
このステートメントは、指定された条件が true の場合にのみコードを実行します。
構文
{
条件が true の場合に実行されるコード
}
の場合は小文字を使用してください。大文字 (IF) を使用すると、JavaScript エラーが発生します。
インスタンス
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(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>インスタンスの実行 »
オンライン インスタンスを表示するには、[インスタンスの実行] ボタンをクリックします
If...elseステートメント
条件が真の場合にコードを実行し、条件が偽の場合に他のコードを実行するにはif....elseステートメントを使用してください。
構文
{
条件が true の場合に実行されるコード
}
その他
{
条件が true でない場合に実行されるコード
}
インスタンス
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(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>インスタンスの実行»
「インスタンスの実行」ボタンをクリックしてオンラインインスタンスを表示します
If...else if...elseステートメント
if.を使用します。 ..else if...else ステートメントを使用して、実行するコードの複数のブロックの 1 つを選択します。
構文
{
条件 1 が true の場合に実行されるコード
}
else if (condition2)
{
条件 2 が true の場合に実行されるコード
}
その他
{
条件 1 も条件 2 も true でない場合に実行されるコード
}
インスタンス
<html>
<head>
<meta charset="utf-8">
<title>php中文网(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>インスタンスの実行»
オンライン インスタンスを表示するには、[インスタンスの実行] ボタンをクリックしてください
その他のインスタンス
ランダム リンク
この例では、リンクをクリックすると、あなたは別の場所に行きます。各チャンスは 50% の確率です。
インスタンス
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p id="demo"></p>
<script>
var r=Math.random();
var x=document.getElementById("demo")
if (r>0.5){
x.innerHTML="<a href='http://w3cschool.cc'>Visit w3cschool</a>";
}
else{
x.innerHTML="<a href='http://wwf.org'>Visit WWF</a>";
}
</script>
</body>
</html>インスタンスの実行 »
「インスタンスの実行」ボタンをクリックしてオンラインインスタンスを表示します
