Instructions JavaScript

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.

Formation continue

nouveau fichier

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

soumettre Réinitialiser le code

Opération automatique

Instructions JavaScript

ÉlémentaireTutoriel de site Web d'imitation d'entreprise Imperial CMS

ÉlémentaireLes débutants sans aucune base dans WordPress créent des blogs personnels et des sites Web d'entreprise

ÉlémentaireVidéo d'instructions sur la création de sites Web à base zéro Ultimate CMS

ÉlémentaireProjet front-end-Shangyou [Pratique complète de la technologie HTML/CSS/JS]

IntermédiaireVue3.0 de 0 pour créer une pratique de projet de système de gestion backend universel

ÉlémentaireCours frontal base zéro [Vue apprentissage avancé et application pratique]

ÉlémentaireTutoriel WEB front-end [HTML5+CSS3+JS]

ÉlémentaireIntroduction rapide à apipost

IntermédiaireTutoriel pratique Vue3+TypeScript au niveau de l'entreprise

ÉlémentaireParlons brièvement de la création d'une entreprise en PHP

IntermédiaireProjet de commerce électronique VUE (combat réel de projet double front-end et back-end)

ÉlémentaireApplication pratique Apipost [api, interface, tests automatisés, mock]