Commandes émises par des instructions JavaScript au navigateur. Le but de la déclaration est d'indiquer au navigateur quoi faire.
L'instruction JavaScript suivante génère le texte "Hello World" dans l'élément HTML avec id="demo":
document.getElementById("demo").innerHTML="Bonjour Monde" ;
Instance
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网（php.cn）</title>
</head>
<body>
<h1>我的网页</h1>
<p id="demo">段落。</p>
<script>
document.getElementById("demo").innerHTML="Hello World";
</script>
</body>
</html>Exécutez le code et essayez-le
points ;
Les points-virgules sont utilisés pour séparer les instructions 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.
Astuce : Vous pouvez également voir des casses sans points-virgules. En JavaScript, terminer une instruction par un point-virgule est facultatif.
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 affiche un titre et deux paragraphes sur la page Web :
Exemple
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网（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écutez le programme pour essayer il
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 affiche un titre et deux paragraphes sur la page Web :
Exemple
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网（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écutez le programme pour essayer it
Identificateur d'instruction JavaScript
Les instructions JavaScript commencent généralement par un identifiant d'instruction et exécutent l'instruction.
Les identifiants d'instruction 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) :
| 语句 | 描述 |
|---|
| break | 用于跳出循环。 |
| catch | 语句块，在 try 语句块执行出错时执行 catch 语句块。 |
| continue | 跳过循环中的一个迭代。 |
| do ... while | 执行一个语句块，在条件语句为 true 时继续执行该语句块。 |
| for | 在条件语句为 true 时，可以将代码块执行指定的次数。 |
| for ... in | 用于遍历数组或者对象的属性（对数组或者对象的属性进行循环操作）。 |
| function | 定义一个函数 |
| if ... else | 用于基于不同的条件来执行不同的动作。 |
| return | 退出函数 |
| switch | 用于基于不同的条件来执行不同的动作。 |
| throw | 抛出（生成）错误 。 |
| try | 实现错误处理，与 catch 一同使用。 |
| var | 声明一个变量。 |
| while | 当条件语句为 true 时，执行语句块。 |
Espace
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";
var person = "Hege";
Envelopper les lignes de code
Vous pouvez utiliser des barres obliques inverses pour envelopper des lignes de code. L'exemple suivant s'affichera correctement :
document.write("Hello
world!");
Cependant, vous ne pouvez pas envelopper des lignes comme ceci :
document.write
("Bonjour tout le monde !");
Conseils
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.
section suivante