Balise HTML <script>
Exemple
Écrivez "Bonjour JavaScript!" avec Javascript :
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
Définition et utilisation
La <script>balise est utilisée pour intégrer un script côté client (JavaScript).
L' <script>élément contient soit des instructions de script, soit il 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 de contenu.
Conseils et remarques
Conseil : examinez également l' élément <noscript> pour les utilisateurs qui ont désactivé les scripts dans leur navigateur ou dont le navigateur ne prend pas en charge les scripts côté client.
Conseil : Si vous souhaitez en savoir plus sur JavaScript, consultez notre didacticiel JavaScript .
Prise en charge du navigateur
| Element | |||||
|---|---|---|---|---|---|
| <script> | Yes | Yes | Yes | Yes | Yes |
Les attributs
| Attribute | Value | Description |
|---|---|---|
| async | async | Specifies that the script is downloaded in parallel to parsing the page, and executed as soon as it is available (before parsing completes) (only for external scripts) |
| crossorigin | anonymous use-credentials |
Sets the mode of the request to an HTTP CORS Request |
| defer | defer | Specifies that the script is downloaded in parallel to parsing the page, and executed after the page has finished parsing (only for external scripts) |
| integrity | filehash | Allows a browser to check the fetched script to ensure that the code is never loaded if the source has been manipulated |
| nomodule | True False |
Specifies that the script should not be executed in browsers supporting ES2015 modules |
| referrerpolicy | no-referrer no-referrer-when-downgrade origin origin-when-cross-origin same-origin strict-origin strict-origin-when-cross-origin unsafe-url |
Specifies which referrer information to send when fetching a script |
| src | URL | Specifies the URL of an external script file |
| type | scripttype | Specifies the media type of the script |
Différences entre HTML et XHTML
En XHTML, le contenu des scripts est déclaré comme #PCDATA (au lieu de CDATA), ce qui signifie que les entités seront analysées.
Cela signifie qu'en XHTML, tous les caractères spéciaux doivent être encodés, ou tout le contenu doit être encapsulé dans une section CDATA :
<script type="text/javascript">
//<![CDATA[
var i = 10;
if (i < 5) {
// some code
}
//]]>
</script>
Attributs globaux
La <script>balise prend également en charge les attributs globaux en HTML .
Pages connexes
Tutoriel HTML : Scripts HTML
Référence HTML DOM : Script Object
Tutoriel JavaScript : Apprendre JavaScript
Paramètres CSS par défaut
La plupart des navigateurs afficheront l' <script>élément avec les valeurs par défaut suivantes :
script {
display: none;
}