Insérer du code JavaScript dans une page html

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.

Code HTML (Exemples d'emplacements de scripts) (17 lignes) :
  1. <script type="text/javascript">
  2. <!--
  3. /* code d&eacute;fini avant de charger le contenu de la page */
  4. //-->
  5. <script language="JavaScript" src="/dossier/fichier.js"></script>
  6. </head>
  7. <script type="text/javascript">
  8. <!--
  9. /* code défini à ce moment dans le flux de la page */
  10. //-->
  11. </body>
  12. </html>

Contents 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.

Contents 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>.

Contents Haut

English translation

You have asked to visit this site in English. For now, only the interface is translated, but not all the content yet.

If you want to help me in translations, your contribution is welcome. All you need to do is register on the site, and send me a message asking me to add you to the group of translators, which will give you the opportunity to translate the pages you want. A link at the bottom of each translated page indicates that you are the translator, and has a link to your profile.

Thank you in advance.

Document created the 19/03/2002, last modified the 31/10/2018
Source of the printed document:https://www.gaudry.be/en/javascript-dans-une-page.html

The infobrol is a personal site whose content is my sole responsibility. The text is available under CreativeCommons license (BY-NC-SA). More info on the terms of use and the author.