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:
- Directement dans le document HTML grâce à la balise <script>
- En appelant le code d’un fichier JavaScript externe
- Grâce aux événements
1. Directement dans le document HTML grâce à balise <script>
Syntaxe :
- <script language="javascript" type="text/javascript">
- //ici on place le code javascript
- </script>
Ou
- <script>
- //ici on place le code javascript
- </script>
Exemple :
Nous allons réaliser une boite de dialogue affichant un message de salutations aux samomoiens.
- <!DOCTYPE html>
- <html>
- <head>
- <title>Salut les samomoiens </title>
- </head>
- <body>
- <script>
- alert('Salut les samomoiens!');
- </script>
- </body>
- </html>
2. En appelant le code d’un fichier JavaScript externe
Syntaxe :
- <script language ="javascript" src="chemin-du-fichier-javascript"> </script>
Ou
- <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) :
- alert('Salut les samomoiens!');
Dans la fichier html, on insère ceci:
- <script src="fichier.js"> </script>
3. Grâce aux événements
Syntaxe:
- <balise eventHandler="code Javascript à insérer">
eventHandler est le nom de l'événement.On en parlera sur les événements.
Exemple :
- <p onclick="alert('Salut les samomoiens!');">cliquez ici </p>