HTML
Inclure le code JavaScript dans HTML
Recherche…
Syntaxe
-
<script type="text/javascript"> //some code </script> -
<script type="text/javascript" src="URL"></script> -
<script type="text/javascript" src="URL" async>//async code</script>
Paramètres
| Attribut | Détails |
|---|---|
src | Spécifie le chemin d'accès à un fichier JavaScript. Soit une URL relative ou absolue. |
type | Spécifie le type MIME. Cet attribut est obligatoire dans HTML4, mais facultatif dans HTML5. |
async | Indique que le script doit être exécuté de manière asynchrone (uniquement pour les scripts externes). Cet attribut ne nécessite aucune valeur (sauf XHTML). |
defer | Indique que le script doit être exécuté lorsque l'analyse de la page est terminée (uniquement pour les scripts externes). Cet attribut ne nécessite aucune valeur (sauf XHTML). |
charset | Spécifie le codage de caractères utilisé dans un fichier de script externe, par exemple UTF-8 |
crossorigin | Comment l'élément gère les requêtes croisées |
nonce | Nonce cryptographique utilisé dans les vérifications de la stratégie de sécurité du contenu CSP3 |
Remarques
Si le code JavaScript incorporé (fichier) est utilisé pour manipuler les éléments http://stackoverflow.com/documentation/javascript/503/document-object-model-dom , placez vos balises <script></script> juste avant la fermeture </body> tag ou utiliser des méthodes ou des bibliothèques JavaScript (telles que jQuery pour gérer divers navigateurs) qui permettent de vérifier que le DOM est lu et prêt à être manipulé.
Liaison à un fichier JavaScript externe
<script src="example.js"></script>
L'attribut src fonctionne comme l'attribut href sur les ancres: vous pouvez spécifier une URL absolue ou relative. L'exemple ci-dessus renvoie à un fichier situé dans le même répertoire que le document HTML. Ceci est généralement ajouté à l'intérieur des balises <head> en haut du document HTML
Directement incluant le code JavaScript
Au lieu de créer un lien vers un fichier externe, vous pouvez également inclure le code JS tel quel dans votre code HTML:
<script>
// JavaScript code
</script>
Inclure un fichier JavaScript s'exécutant de manière asynchrone
<script type="text/javascript" src="URL" async></script>
Handling désactivé Javascript
Il est possible que le navigateur client ne prenne pas en charge Javascript ou que l'exécution de Javascript soit désactivée, peut-être pour des raisons de sécurité. Pour pouvoir indiquer aux utilisateurs qu'un script est censé s'exécuter dans la page, la <noscript> peut être utilisée. Le contenu de <noscript> est affiché lorsque Javascript est désactivé pour la page en cours.
<script>
document.write("Hello, world!");
</script>
<noscript>This browser does not support Javascript.</noscript>