Pernyataan bersyarat JavaScript



Pernyataan bersyarat digunakan untuk melakukan tindakan berbeza berdasarkan keadaan berbeza.


Pernyataan Bersyarat

Biasanya semasa menulis kod, anda sentiasa perlu melakukan tindakan yang berbeza untuk keputusan yang berbeza. Anda boleh menggunakan pernyataan bersyarat dalam kod anda untuk menyelesaikan tugas ini.

Dalam JavaScript, kita boleh menggunakan pernyataan bersyarat berikut:

  • penyataan if - Gunakan pernyataan ini hanya apabila syarat yang dinyatakan adalah benar kod

  • if...else statement - jalankan kod apabila keadaan benar, jalankan kod lain apabila syarat adalah palsu

  • if...else if....else statement - Gunakan pernyataan ini untuk memilih satu daripada berbilang blok kod untuk dilaksanakan

  • switch statement - Gunakan pernyataan ini untuk memilih satu daripada berbilang blok kod untuk dilaksanakan


If statement

hanya jika syarat yang dinyatakan adalah benar , pernyataan akan melaksanakan kod.

Sintaks

jika (keadaan)
{
Kod dilaksanakan apabila keadaan adalah benar
}

Sila gunakan huruf kecil jika. Menggunakan huruf besar (IF) akan menghasilkan ralat JavaScript!

Instance

<!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>

Run Instance»

Klik butang "Run Instance" untuk melihat contoh dalam talian

Sila ambil perhatian bahawa dalam sintaks ini, tiada ..lain.. . Anda telah memberitahu penyemak imbas untuk hanya melaksanakan kod jika syarat yang dinyatakan adalah benar.

If...else statement

Sila gunakan if....else statement untuk melaksanakan kod apabila keadaan benar dan kod lain apabila syarat adalah palsu.

Sintaks

jika (keadaan)
{
Kod dilaksanakan apabila keadaan adalah benar
}
lain
{
Kod dilaksanakan apabila keadaan tidak benar
}

Instance

<!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>

Run Instance»

Klik butang "Run Instance" untuk melihat dalam talian instance


If...else if...else statement

Gunakan if....else if...else statement untuk memilih satu daripada berbilang blok kod untuk dilaksanakan.

Sintaks

jika (keadaan1)
{
Kod dilaksanakan apabila syarat 1 adalah benar
}
lain jika (keadaan2)
{
Kod dilaksanakan apabila syarat 2 adalah benar
}
lain
{
Kod dilaksanakan apabila syarat 1 atau syarat 2 tidak benar
}

Instance

<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>

Jalankan Kejadian»

Klik butang "Jalankan Kejadian" untuk melihat kejadian dalam talian


Lagi Kejadian

Pautan Rawak
Contoh ini menunjukkan pautan yang membawa anda ke tempat yang berbeza apabila anda mengklik padanya. Setiap peluang adalah kebarangkalian 50%.

Instance

<!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>

Run Instance»

Klik butang "Run Instance" untuk melihat contoh dalam talian