JavaScript - Placement dans un fichier HTML

Il existe une certaine souplesse pour inclure

le code JavaScript dans un document HTML.

Cependant, les moyens les plus préférés

pour inclure JavaScript dans un fichier

HTML sont les suivants –

·        Script dans la section <head> ... </ head>.

·        Script dans la section <body> ... </ body>.

·        Script dans les sections <body> ... </ body>

  et <head> ... </ head>.

·        Script dans un fichier externe, puis inclure

dans la section <head> ... </ head>.

Dans la section suivante, nous verrons comment

placer JavaScript dans un fichier HTML

de différentes manières.

JavaScript dans la section <head> ... </ head>

Si vous souhaitez qu'un script s'exécute

sur un événement, par exemple lorsqu'un

utilisateur clique quelque part, vous placez

ce script dans la tête comme suit:

<html>

   <head>

      <script type="text/javascript">

         <!--

            function BonjrMonde () {

               alert("Bonjour tout le monde")

         //-->

      </script>

   </head>

   <body>

      <input type="button" onclick="BonjrMonde()" value="Dis bonjour" />

   </body>

</html>

Cliquez ici pour voir le résultat :

JavaScript dans la section <body> ... </ body>

Si vous avez besoin d'un script à exécuter lorsque

 la page est chargée pour que le script génère du

 contenu dans la page, le script passe dans la partie

<body> du document. Dans ce cas, vous n'auriez aucune

fonction définie à l'aide de JavaScript. Jetez un œil au code suivant.

<html>

   <head>

   </head>

   <body>

      <script type="text/javascript">

         <!--

            document.write("Bonjour tout le monde")

         //-->

      </script>

      <p> C'est le corps de page web </p>

   </body>

</html>

Le résultat est comme suit :

Bonjour tout le monde

C'est le corps de page web

JavaScript dans les Sections <body> et <head>

Vous pouvez placer votre code JavaScript

dans la section <head> et <body> de la façon suivante –

<html>

   <head>

      <script type="text/javascript">

         <!--

            function bonjrMonde () {

               alert("Bonjour tout le monde")

         //-->

      </script>

   </head>

   <body>

      <script type="text/javascript">

         <!--

            document.write("Bonjour tout le monde")

         //-->

      </script>

      <input type="button" onclick="bonjrMonde()" value="Dis bonjour" />

   </body>

</html>

Bonjour tout le monde

JavaScript dans un fichier externe

Au fur et à mesure que vous commencez

à travailler davantage avec JavaScript,

vous constaterez qu'il existe des cas où

vous réutilisez un code JavaScript identique

sur plusieurs pages d'un site.

Vous n'êtes pas limité à maintenir un code

identique dans plusieurs fichiers HTML.

La balise script fournit un mécanisme permettant

 de stocker JavaScript dans un fichier externe,

 puis de l'inclure dans vos fichiers HTML.

Voici un exemple pour montrer comment vous

pouvez inclure un fichier JavaScript externe

dans votre code HTML en utilisant la balise script

et son attribut src.

<html>

   <head>

      <script type="text/javascript"    src="fichierjscript.js"></script>

   </head>

   <body>

      .......

   </body>

</html>

Pour utiliser JavaScript à partir d'une source

de fichier externe, vous devez écrire tout votre

code source JavaScript dans un fichier texte simple

avec l'extension ".js", puis inclure ce fichier

comme indiqué ci-dessus.

Par exemple, vous pouvez conserver le contenu

suivant dans le fichier nom_fichier.js et ensuite

vous pouvez utiliser la fonction bonjrMonde() dans

votre fichier HTML après avoir inclus le fichier

nom_fichier.js.

function bonjrMonde () {

               alert("Bonjour tout le monde")

Développement web