MEILLEUR SITE POUR LES DÉVELOPPEURS WEB
HTML5 Cours pour débutants

En Ua Es De

HTML JavaScript


JavaScript rend les pages HTML plus dynamiques et interactives.


Exemple

My First JavaScript

Try it Yourself »


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 des instructions de script ou pointe vers un fichier de script externe via l'attribut src .

Les utilisations courantes de JavaScript sont la manipulation d'images, la validation de formulaires et les modifications dynamiques du 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 id="demo":

Exemple

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
Try it Yourself »

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 modifier le contenu :

document.getElementById("demo").innerHTML = "Hello JavaScript!";
Try it Yourself »

Exemple

JavaScript peut changer de style :

document.getElementById("demo").style.fontSize = "25px";
document.getElementById("demo").style.color = "red";
document.getElementById("demo").style.backgroundColor = "yellow";
Try it Yourself »

Exemple

JavaScript peut modifier les attributs :

document.getElementById("image").src = "picture.gif";
Try it Yourself »

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 dont le navigateur ne prend 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>
Try it Yourself »

HTML Exercices

Testez-vous avec des exercices

Exercice :

Utilisez JavaScript pour modifier le contenu HTML de l'élément <p> en "Hello World !".

<body>

<p id="demo">Hi.</p>

<script>
document.("demo").innerHTML = "Hello World!";
</script>

</body>


Balises de script HTML

Étiquette Description
<script> Définir 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 la Référence des balises HTML sur notre site Web W3SchoolsFR. Le meilleur.


HTML — JavaScript — Vidéo W3Schools

Cette vidéo est une introduction à JavaScript et à son fonctionnement en HTML.

Fait partie d'une série de didacticiels vidéo pour apprendre le HTML pour les débutants !



Commentaires