Écrire du JavaScript

2 méthodes pour écrire du JS

  1. On insère le script JS dans notre page HTML

  2. On appelle notre fichier .js à l'aide d'un lien dans l'en-tête du fichier HTML

Fondamental

C'est finalement les mêmes méthodes que l'insertion de styles CSS.

Exemple1 - Exemple de page minimale avec le JS inclus

Directement dans la page HTML, entre les balises <head> et </head> :

1
<html>
2
3
<head>
4
	<title>Ma Page avec un JS inclus</title>
5
	<script language="JavaScript">
6
   alert("JavaScript est maintenant inclus dans mon fichier");
7
  </script>
8
</head>
9
10
<body>
11
	<p>Page avec JavaScript inclus dans mon code HTML</p>
12
</body>
13
14
</html>
Directement dans les balises <body></body> d'une page HTML
Du code JS peut aussi être écrit dans des éléments HTML, on dit qu'il est écrit "en ligne". C'est intéressant pour un script court utilisé dans une seule page... mais dès que le script JS est plus important, il faudra privilégier l'usage d'un script externe et appelé comme ci-dessous depuis notre page HTML.
Exemple2 - Exemple de page minimale avec le JS externe
Contenu de script_js.js stocké dans le dossier scripts/ :
1
alert("JavaScript dans un autre fichier");
Contenu de notre page HTML :
1
<html>
2
3
<head>
4
	<title>Ma Page avec un JS externe</title>
5
	<script language="JavaScript" src="scripts/script_js.js" defer></script>
6
</head>
7
8
<body>
9
	<p>Page avec JavaScript externe</p>
10
</body>
11
12
</html>
Cette archive contient la structure précédente. On pourra tester en double-cliquant sur le fichier .html.
js_minimal.zip [zip]
Complément
À noter que l'on peut retarder l'exécution d'un script JS avec deux attributs : defer ou async.
En savoir plus : https://www.alsacreations.com/astuce/lire/1562-script-attribut-async-defer.html