Instructions conditionnelles JavaScript
Les instructions conditionnelles sont utilisées pour effectuer différentes actions en fonction de différentes conditions.
Déclarations conditionnelles
Habituellement, lorsque vous écrivez du 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 tâche.
En JavaScript, nous pouvons utiliser les instructions conditionnelles suivantes :
instruction if - Utilisez cette instruction uniquement lorsque la condition spécifiée est vraie. code
instruction if...else - exécuter le code lorsque la condition est vraie, exécuter un autre code lorsque la condition est fausse
if...else if....else instruction - 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
uniquement si la condition spécifiée est vraie , l'instruction exécutera le code.
Syntaxe
{
Code exécuté lorsque la condition est vraie
>
Veuillez utiliser les minuscules if. L'utilisation de lettres majuscules (IF) générera une erreur 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>Exécuter l'instance»
Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne
Instruction If...else
Veuillez utiliser l'instruction if....else pour exécuter du code lorsque la condition est vraie et un autre code lorsque la condition est fausse.
Syntaxe
{
Code exécuté lorsque la condition est vraie
>
autre
{
Code exécuté lorsque la condition n'est pas vraie
>
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>Exécuter l'instance»
Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne instance
If...else if...else instruction
Utilisez if....else if...else instruction pour sélectionner l'un des multiples blocs de code à exécuter.
Syntaxe
{
Code exécuté lorsque la condition 1 est vraie
}
sinon si (condition2)
{
Code exécuté lorsque la condition 2 est vraie
>
autre
{
Code exécuté lorsque ni la condition 1 ni la condition 2 ne sont vraies
>
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>Exécuter des instances»
Cliquez sur le bouton « Exécuter des instances » pour afficher les instances en ligne
Plus d'instances
Liens aléatoires
Cet exemple montre un lien qui vous amène à différents endroits lorsque vous cliquez dessus. Chaque chance est une probabilité de 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>Exécuter l'instance»
Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne
