Instructions JavaScript
L'instruction JavaScript envoie une commande au navigateur. Le but d'une instruction est d'indiquer au navigateur quoi faire.
Déclaration JavaScript
L'instruction JavaScript est une commande envoyée au navigateur.
Le but de ces commandes est d'indiquer au navigateur quoi faire.
L'instruction JavaScript suivante génère le texte "Hello Dolly" dans l'élément HTML avec id="demo" :
Exemple
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php.cn</title>
</head>
<body>
<h1>我的网页</h1>
<p id="demo">我的第一个段落。</p>
<script>
document.getElementById("demo").innerHTML = "你好 Dolly";
</script>
</body>
</html>Exécuter l'instance»
Cliquez sur le bouton "Exécuter l'instance" pour afficher l'instance en ligne
Point-virgule ;
Le point-virgule est utilisé pour séparer Déclarations JavaScript.
Habituellement, nous ajoutons un point-virgule à la fin de chaque instruction exécutable.
Une autre utilisation des points-virgules consiste à écrire plusieurs déclarations sur une seule ligne.
Instance
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php.cn</title>
</head>
<body>
<h1>我的网页</h1>
<p id="demo1"></p>
<p id="demo2"></p>
<script>
a = 1;
b = 2;
c = a + b;
document.getElementById("demo1").innerHTML = c;
x = 1; y = 2; z = x + y;
document.getElementById("demo2").innerHTML = z;
</script>
</body>
</html>Exécuter l'instance»
Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne
 | Vous pouvez également voir le Le cas du point-virgule.
|
|---|
Code JavaScript
Le code JavaScript est une séquence d'instructions JavaScript.
Le navigateur exécute chaque instruction dans l'ordre dans lequel elle a été écrite.
Cet exemple génère un titre et deux paragraphes sur la page Web :
Instance
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php.cn</title>
</head>
<body>
<h1>我的 Web 页面</h1>
<p id="demo">一个段落。</p>
<div id="myDIV">一个 DIV。</div>
<script>
document.getElementById("demo").innerHTML="你好 Dolly";
document.getElementById("myDIV").innerHTML="你最近怎么样?";
</script>
</body>
</html>Exécuter l'instance»
Cliquez sur le bouton « Exécuter l'instance » pour voir une instance en ligne
Blocs de code JavaScript
JavaScript peut être combiné par lots.
Un bloc de code commence par une accolade gauche et se termine par une accolade droite.
Le but d'un bloc de code est d'exécuter une séquence d'instructions ensemble.
Cet exemple génère un titre et deux paragraphes sur la page Web :
Instance
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php.cn</title>
</head>
<body>
<h1>我的 Web 页面</h1>
<p id="myPar">我是一个段落。</p>
<div id="myDiv">我是一个div。</div>
<p>
<button type="button" onclick="myFunction()">点击这里</button>
</p>
<script>
function myFunction(){
document.getElementById("myPar").innerHTML="你好世界！";
document.getElementById("myDiv").innerHTML="你最近怎么样?";
}
</script>
<p>当您点击上面的按钮时，两个元素会改变。</p>
</body>
</html>Exécuter l'instance»
Cliquez sur le bouton « Exécuter l'exemple » pour afficher l'exemple en ligne
Vous en apprendrez plus sur les fonctions dans les chapitres suivants.
Identifiant d'instruction JavaScript
Les instructions JavaScript commencent généralement par un Identifiant d'instruction et exécutent l'instruction.
Les identifiants d'instructions sont des mots-clés réservés et ne peuvent pas être utilisés comme noms de variables.
Le tableau suivant répertorie les identifiants d'instructions JavaScript (mots-clés) :
<table class="reference" "style="width: 100%">
| 语句 | 描述 |
|---|---|
| break | 用于跳出循环。 |
| catch | 语句块，在 try 语句块执行出错时执行 catch 语句块。 |
| continue | 跳过循环中的一个迭代。 |
| do ... while | 执行一个语句块，在条件语句为 true 时继续执行该语句块。 |
| for | 在条件语句为 true 时，可以将代码块执行指定的次数。 |
| for ... in | 用于遍历数组或者对象的属性（对数组或者对象的属性进行循环操作）。 |
| function | 定义一个函数 |
| if ... else | 用于基于不同的条件来执行不同的动作。 |
| return | 退出函数 |
| switch | 用于基于不同的条件来执行不同的动作。 |
| throw | 抛出（生成）错误 。 |
| try | 实现错误处理，与 catch 一同使用。 |
| var | 声明一个变量。 |
| while | 当条件语句为 true 时，执行语句块。 |
JavaScript est sensible à la casse.
JavaScript est sensible à la casse.
Lorsque vous écrivez des instructions JavaScript, veuillez faire attention à savoir si la touche de commutation du boîtier est désactivée.
Les fonctions getElementById et getElementbyID sont différentes.
De même, les variables myVariable et MyVariable sont également différentes.
Espaces
JavaScript ignorera les espaces supplémentaires. Vous pouvez ajouter des espaces à votre script pour le rendre plus lisible. Les deux lignes de code suivantes sont équivalentes :
var person = "Hege";
Envelopper des lignes de code
Vous pouvez envelopper des lignes de code à l'aide de barres obliques inverses dans des chaînes de texte. L'exemple suivant s'affichera correctement :
world!");
Cependant, vous ne pouvez pas envelopper des lignes comme ceci :
("Bonjour tout le monde !");
Le saviez-vous ?
Astuce : JavaScript est un langage de script. Le navigateur exécutera le code du script ligne par ligne au fur et à mesure qu'il lit le code. Avec la programmation traditionnelle, tout le code est compilé avant exécution.
