HTML JavaScript


JavaScript rend les pages HTML plus dynamiques et interactives.


Exemple

Mon Premier JavaScript

Essayez-le vous-même »


La balise HTML <script>

La balise HTML <script> est utilisée pour définir un script côté client (JavaScript).

L'élément <script> contient soit des instructions de script, soit il pointe vers un fichier de script externe via l'attribut src .

Les utilisations courantes de JavaScript incluent la manipulation d'images, la validation de formulaires et les changements dynamiques de contenu.

Pour sélectionner un élément HTML, JavaScript utilise le plus souvent la méthode document.getElementById() .

Cet exemple JavaScript écrit "Hello JavaScript!" dans un élément HTML avec l'id="demo" :

Exemple

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
Essayez-le vous-même »

Astuce : Vous pouvez en apprendre beaucoup plus sur JavaScript dans notre Tutoriel JavaScript .


Un Avant-goût de JavaScript

Voici quelques exemples de ce que JavaScript peut faire :

Exemple

JavaScript peut changer le contenu :

document.getElementById("demo").innerHTML = "Hello JavaScript!";
Essayez-le vous-même »

Exemple

JavaScript peut changer les styles :

document.getElementById("demo").style.fontSize = "25px";
document.getElementById("demo").style.color = "red";
document.getElementById("demo").style.backgroundColor = "yellow";
Essayez-le vous-même »

Exemple

JavaScript peut changer les attributs :

document.getElementById("image").src = "picture.gif";
Essayez-le vous-même »


La balise HTML <noscript>

La balise HTML <noscript> définit un contenu alternatif à afficher aux utilisateurs qui ont désactivé les scripts dans leur navigateur ou qui utilisent un navigateur ne prenant pas en charge les scripts :

Exemple

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
<noscript>Désolé, votre navigateur ne prend pas en charge JavaScript !</noscript>
Essayez-le vous-même »


Balises de Script HTML

Balise Description
<script> Définit un script côté client
<noscript> Définit un contenu alternatif pour les utilisateurs qui ne prennent pas en charge les scripts côté client

Pour une liste complète de toutes les balises HTML disponibles, visitez notre Référence des balises HTML .


Vidéo : HTML et JavaScript