Insérer un script JavaScript dans un document html

Le JavaScript peut être inséré dans n’importe quel emplacement d’un document HTML. Il peut être inséré dans l’entête du document ou dans le corps du document, cela ne dépend que de ce que nous voulons faire.
Un fichier purement JavaScript a l’extension .js

Il y a plusieurs façons d’inclure le JavaScript dans une page HTML:

  1. Directement dans le document HTML grâce à la balise <script>
  2. En appelant le code d’un fichier JavaScript externe
  3. Grâce aux événements

1. Directement dans le document HTML grâce à balise <script>

Syntaxe :

  1. <script language="javascript"  type="text/javascript">   
  2. //ici on place le code javascript  
  3. </script>  

Ou
  1. <script>  
  2. //ici on place le code javascript  
  3. </script>   

Exemple :
Nous allons réaliser une boite de dialogue affichant un message de salutations aux samomoiens.

  1. <!DOCTYPE html>  
  2. <html>  
  3.   <head>  
  4.   <title>Salut les samomoiens </title>  
  5.   </head>  
  6.   <body>  
  7.   <script>  
  8.    alert('Salut les samomoiens!');  
  9.   </script>  
  10.   </body>  
  11. </html>  

2. En appelant le code d’un fichier JavaScript externe

Syntaxe :
  1. <script language ="javascript"  src="chemin-du-fichier-javascript"> </script>  

Ou
  1. <script  src="chemin-du-fichier-javascript"> </script>  
Exemple :
Nous allons faire la même chose qu’avec l’exemple précédent. Le fichier JavaScript doit être dans le même dossier qu’avec le fichier html.
Le code JavaScript (fichier.js) :
  1. alert('Salut les samomoiens!');  

Dans la fichier html, on insère ceci:
  1. <script  src="fichier.js"> </script>  

3. Grâce aux événements

Syntaxe:
  1. <balise eventHandler="code Javascript à insérer">  

eventHandler est le nom de l'événement.On en parlera sur les événements.

Exemple :

  1. <p onclick="alert('Salut les samomoiens!');">cliquez ici </p>  



Une question? Cliquez ici pour la poser.

Retour sur le portail du JavaScript