Où écrire le code Javascript
Il est possible d’écrire du JavaScript à 3 différents endroits au sein d’une page HTML. Tout d’abord dans la balise <head>
, ensuite dans la balise <body>
et enfin dans un fichier JavaScript séparé.
La dernière méthode est la méthode la plus utilisée, mais vous pourrez également être amené à écrire du code JavaScript dans un des autres éléments. Il est important de noter plusieurs points avant d’aller plus loin :
Les fichiers ne contenant que du JavaScript doivent tous posséder l’extension “.js” (de la même manière que le “.html” pour les fichiers HTML.
Une bonne pratique veut que le code JavaScript soit le plus facile à exporter dans un fichier séparé.
Une autre bonne pratique encourage à placer le code JavaScript à la toute fin de la balise
<body>
pour des questions de référencement et de rapidité de chargement de page.Placer le code JavaScript dans la balise
<head>
peut certaines fois être nécessaire, mais c’est une pratique à proscrire autant que possible. Si vous utilisez le code d’une personne qui stipule la nécessité de placer le JavaScript à cet endroit, suivez ces recommandations tout de même si possible.
Principes généraux
De façon générale, le code JavaScript au sein d’un fichier HTML doit s’écrire entre les balises <script></script>
. Ce sont ces balises qui vont permettre à votre navigateur de comprendre qu’il doit exécuter le code qui s’y trouve en tant que JavaScript.
De même, le code JavaScript, qu’il soit placé dans la balise <head>
ou <body>
du HTML, doit toujours être positionné juste avant la fermeture de celle-ci.
Pour la suite de ce cours, nous utiliserons la structure HTML basique suivante :
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cours JavaScript</title>
</head>
<body>
<h1>Mes premiers pas dans JavaScript</h1>
</body>
</html>
Dans la balise d’une page HTML
Besoin d'aide ?
Rejoignez notre communauté officielle et ne restez plus seul à bloquer sur un problème !