Insérer du code JavaScript dans une page html

Table des matières

C'est par la balise <script> que nous signalons à l'explorateur comment exploiter le code qui suit. Il faudra veiller à clôturer le code par </script>.

De nombreux attributs peuvent renforcer l'emploi de cette balise:

  • language permet de spécifier le type et la version du langage utilisé.
  • type exige une valeur sous la forme d'un descripteur MIME.
  • src permet de renvoyer vers un fichier JavaScript externe.
  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. <!--
  5. /* code d&eacute;fini avant de charger le contenu de la page */
  6. //-->
  7. </script>
  8. <script language="JavaScript" src="/dossier/fichier.js"></script>
  9. </head>
  10. <body>
  11. <script type="text/javascript">
  12. <!--
  13. /* code défini à ce moment dans le flux de la page */ 
  14. //-->
  15. </script>
  16. </body>
  17. </html>

Table des matières Haut

Emplacements possibles

Deux possibilités s'offrent à nous pour placer le script: dans l'en-tête <head> , ou dans le corps <body>.

L'en-tête du document est idéale pour insérer des scripts en réponse à certaines actions de l'utilisateur.

Les scripts placés dans le corps du document permettent d'effectuer des actions ponctuelles. Nous devons cependant veiller à ce qu'un script soit totalement chargé avant de l'exécuter s'il est placé dans le corps du document.

Remarque: nous ne sommes pas limités dans le nombre de balises <script> ... </script> dans un document, tant dans l'en-tête que dans le corps.

Table des matières Haut

Support du JavaScript

Certains navigateurs ne supportent pas le langage JavaScript. Ils interprètent le code comme du texte, ou comme contenu de page. Nous devons donc nous prémunir des effets indésirables en encapsulant le contenu du script dans des balises de commentaire html.

Après la balise <script>, nous ouvrons donc une balise de commentaire <!-- qui sera ignorée par un navigateur qui supporte le langage, mais qui masquera le code pour un navigateur qui ne saurait l'interpréter.

Le script sera clôturé par les balises //--> et </script>.

Version en cache

21/11/2024 09:37:33 Cette version de la page est en cache (à la date du 21/11/2024 09:37:33) afin d'accélérer le traitement. Vous pouvez activer le mode utilisateur dans le menu en haut pour afficher la dernère version de la page.

Document créé le 19/03/2002, dernière modification le 07/04/2023
Source du document imprimé : https://www.gaudry.be/javascript-dans-une-page.html

L'infobrol est un site personnel dont le contenu n'engage que moi. Le texte est mis à disposition sous licence CreativeCommons(BY-NC-SA). Plus d'info sur les conditions d'utilisation et sur l'auteur.