Javascript - Implantation du code

Décembre 2016

A quel emplacement insérer le Javascript dans votre page HTML

Il existe plusieurs façons d'inclure du JavaScript dans une page HTML :

  • Grâce à la balise <script>
  • En mettant le code dans un fichier
  • Grâce aux événements

Dans la balise script

Le code Javascript peut être inséré où vous le désirez dans votre page Web entre les balises script (<script></script>) et il peut y avoir plusieurs balises script contenant du javascript dans une page, vous devez toutefois veiller à ce que le navigateur ait entièrement chargé votre script avant d'exécuter une instruction. En effet, lorsque le navigateur charge votre page Web, il la traite de haut en bas, de plus vos visiteurs (souvent impatients) peuvent très bien interrompre le chargement d'une page, auquel cas si l'appel d'une fonction se situe avant la fonction dans votre page il est probable que cela génèrera une erreur si cette fonction n'a pas été chargée.

Ainsi, on place généralement tous les script dans la balise d'en-tête (ce sont les éléments située entre les balises <head> et </head>) de plus la visibilité d'une page sera accrue.

Par soucis d'optimisation du chargement d'une page il peut etre envisagé de placer les scripts en fin de page de cette manière tous les éléments d'une page seront chargé en premier (texte,images...etc) les script se trouvant en fin de page seront chargé en dernier.

Les événements qui servent a déclenché les script seront quant à eux placés dans le corps de la page entre les balises <body>(<body> et </body>) comme attribut d'une commande HTML...

   <html>
   <head>
   <script type="text/javascript">

   function bonjour(){

   alert('bonjour a tous');

   }

   </script>
   </head>
   <body>
   <button onclick='bonjour()'>click</button>
    </body>
    </html>


On peut ainsi (en passant un argument différent de "JavaScript") utiliser d'autres langages de programmation que celui-ci (par exemple le VbScript). en html 5 on n'est pas obligé de préciser le type la balise script suffit a elle seule.

Pour utiliser différentes versions de JavaScript tout en conservant une certaine compatibilité, il suffit de déclarer plusieurs balises SCRIPT ayant chacune comme paramètre la version du JavaScript correspondante.

Dans un fichier externe

Il est possible et même conseillé de mettre les codes de JavaScript en annexe dans un fichier externe. Le code à insérer est le suivant :

<script type="text/javascript" src="[/contents/542-url url]/fichier.js"> </script>
<script type="text/javascript" src="[/contents/542-url url]/autre_fichier.js"> </script>


Oû url/fichier.js correspond au chemin d'accès et au fichier contenant le code en JavaScript, sachant que si celui-ci n'existe pas le navigateur exécutera le code inséré entre les 2 balises.

Grâce aux événements

On appelle événement une action de l'utilisateur, comme le clic d'un des boutons de la souris. Le code dans le cas du résultat d'un événement s'écrit :

<div onclick='alert('bonjour') '>cliquez ici</div>


Pour une question de lisibilité cette méthode est à proscrire.

A voir également :

Ce document intitulé «  Javascript - Implantation du code  » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.