Exemple
Ecrire "Bonjour JavaScript!" avec JavaScript:
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
Essayez - le vous - même » Définition et utilisation
Le <script> tag est utilisé pour définir un script côté client (JavaScript).
Le <script> élément soit contient des déclarations de script, ou il pointe vers un fichier de script externe à travers la src attribut.
Les utilisations communes pour JavaScript sont la manipulation d'images, la validation du formulaire, et les changements dynamiques de contenu.
Astuce: Si vous voulez apprendre JavaScript, visitez notre Tutoriel JavaScript .
support du navigateur
| Élément | |||||
|---|---|---|---|---|---|
| <script> | Oui | Oui | Oui | Oui | Oui |
Trucs et astuces
Note: Si le "src" attribut est présent, le <script> élément doit être vide.
Astuce: Regardez aussi le <noscript> élément pour les utilisateurs qui ont des scripts handicapés dans leur navigateur, ou avoir un navigateur qui ne supporte pas les scripts côté client.
Remarque: Il existe plusieurs façons un script externe peut être exécuté:
- Si async="async" : Le script est exécuté de manière asynchrone avec le reste de la page (le script sera exécuté alors que la page continue l'analyse)
- Si async est pas présent et defer="defer" : Le script est exécuté lorsque la page a terminé l' analyse
- Si ni async ou defer est présent: Le script est extrait et exécuté immédiatement, avant que le navigateur continue parsing la page
Différences entre HTML 4.01 et HTML5
Le "type" attribut est obligatoire dans HTML 4, mais facultatif en HTML5.
Le "async" attribut est nouvelle en HTML5.
Le HTML 4.01 attribut: "xml:space" , ne sont pas pris en charge dans HTML5.
Différences entre HTML et XHTML
En XHTML, le contenu à l'intérieur de scripts est déclarée comme #PCDATA (au lieu de CDATA), ce qui signifie que les entités seront analysés.
Cela signifie que dans XHTML, tous les caractères spéciaux doivent être codés, ou tous les contenus doivent être emballés dans une section CDATA:
<script type="text/javascript">
//<![CDATA[
var i = 10;
if (i < 5) {
// some code
}
//]]>
</script>
Les attributs
= Nouveau en HTML5.
| Attribut | Valeur | La description |
|---|---|---|
| async | async | Indique que le script est exécuté de façon asynchrone (uniquement pour les scripts externes) |
| charset | charset | Indique le codage de caractères utilisé dans un fichier de script externe |
| defer | defer | Indique que le script est exécuté lorsque la page a terminé l'analyse (uniquement pour les scripts externes) |
| src | URL | Indique l'URL d'un fichier de script externe |
| type | media_type | Indique le type de support du script |
| xml:space | preserve | Non pris en charge en HTML5. Indique si les espaces dans le code doit être préservée |
Attributs globaux
Le <script> tag soutient également le attributs globaux en HTML .
Pages associées
HTML tutoriel: Scripts HTML
Référence HTML DOM: Script Object
Tutoriel JavaScript: En savoir JavaScript
Paramètres par défaut de CSS
La plupart des navigateurs affichent le <script> élément avec les valeurs par défaut suivantes:
script {
display: none;
}