Instructions conditionnelles JavaScript
Les instructions conditionnelles sont utilisées pour effectuer différentes actions en fonction de différentes conditions.
Instruction conditionnelle
Habituellement, lors de l'écriture de code, vous devez toujours effectuer différentes actions pour différentes décisions. Vous pouvez utiliser des instructions conditionnelles dans votre code pour accomplir cette tache.
En JavaScript, nous pouvons utiliser les instructions conditionnelles suivantes?:
instruction if - Utilisez cette instruction pour exécuter du code uniquement lorsque la condition spécifiée est vraie
instruction if...else - exécute le code lorsque la condition est vraie, exécute un autre code lorsque la condition est fausse
if...else if . Instruction ..else - Utilisez cette instruction pour sélectionner l'un des multiples blocs de code à exécuter
Instruction switch - Utilisez cette instruction pour sélectionner l'un des multiples blocs de code à exécuter
Instruction If
Cette instruction exécutera le code uniquement si la condition spécifiée est vraie.
Syntaxe
if (condition)
{
Code exécuté lorsque la condition est vraie
}
Remarque?: Veuillez utiliser des minuscules si. L'utilisation de lettres majuscules (IF) générera une erreur JavaScript?!
Instance
Lorsque l'heure est inférieure à 20h00, générez le message d'accueil "Bonne journée"?:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
</head>
<body>
<p>如果時(shí)間早于 20:00，會(huì)獲得問(wèn)候 "Good day"。</p>
<button onclick="myFunction()">點(diǎn)擊這里</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>Remarque , dans cette syntaxe, il n'y a pas de ..else... Vous avez demandé au navigateur d'exécuter le code uniquement si la condition spécifiée est vraie.
Exécutez le programme et essayez-le
If...else déclaration
Veuillez utiliser if ... L'instruction .else exécute du code lorsque la condition est vraie et un autre code lorsque la condition est fausse.
Syntaxe
if (condition)
{
Code exécuté lorsque la condition est vraie
}
else
{
Code exécuté lorsque la condition n'est pas vraie
}
Instance
Lorsque le l'heure est inférieure à 20h00, le message d'accueil "Bonne journée" est généré, sinon le message d'accueil "Bonsoir" est généré.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
</head>
<body>
<p>點(diǎn)擊這個(gè)按鈕，獲得基于時(shí)間的問(wèn)候。</p>
<button onclick="myFunction()">點(diǎn)擊這里</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>Exécutez le programme et essayez-le
If...else if...else déclaration
Utilisez l'instruction if....else if...else pour sélectionner l'un des multiples blocs de code à exécuter.
Syntaxe
if (condition1)
{
Code exécuté lorsque la condition 1 est vraie
}
else if (condition2)
{
Code exécuté lorsque la condition 2 est vraie
}
else
{
Lorsque ni la condition 1 ni la condition 2 ne sont vraies Code exécuté lorsque vrai
>
Instance
Si l'heure est inférieure à 10h00, générez le message d'accueil "Bonjour" " , si l'heure est supérieure à 10h00 et inférieure à 20h00, le message d'accueil "Bonne journée" est généré, sinon le message d'accueil "Bonsoir" est généré?:
<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>
這個(gè)例子演示了 if..else if...else 語(yǔ)句。
</p>
</body>
</html>Exécutez le programme et essayez-le
