Cours
4. XHTML et Javascript
4.1. Introduction
4.1.1 Nature
JavaScript est un langage de programmation distinct de HTML. Ce langage a pourtant été créé spécialement pour mettre à la disposition des auteurs un outil grâce auquel les pages Internet se laissent optimiser.
4.1.2. Activation
JavaScript doit être activé dans les navigateurs pour qu'il fonctionne.
Souvent, il est activé par défaut.
Si le →lien suivant fonctionne dans votre navigateur, Javascript y est activé, sinon il faudra l'→activer.
I.E. 7 demande encore en plus de l'activer à chaque fois séparément!
4.1.3. Insertion simple au moyen de la balise <script>
Les scripts peuvent être insérés partout dans le texte HTML, mais de préférence entre <head> et </head>
→Exemple 1: Insertion dans le <head>
(Le code Javascript est en bleu)
<html>
<head>
<script>
alert("Bonjour tout le monde!");
</script>
</head>
<body>
Javascript : alert texte après alert
</body>
→Exemple 2: Insertion dans le <body>
(Le code Javascript est en bleu)
<html>
<head>
</head>
<body>
Javascript : alert après texte
<script>
alert("Bonjour tout le monde!");
</script>
</body>
Voyez-vous la différence dans l'ordre d'exécution du script?
4.1.4. Insertion par fichier séparé d'extension .js
Une référence sur un script séparé d'URI scriptsepare.js contenant le code javascript peut être insérée de la manière suivante:
<script src="scriptsepare.js">
Ceci peut être très utile, si on veut utiliser ce code plusieurs fois de suite dans la même page ou dans des pages différentes.
Exemple:
(Le code Javascript est en bleu)
Composez le fichier suivant (pas de ballises HTML!)
alert("Bonjour tout le monde!");
Enregistrez ce fichier sous le nom bonjour.js dans le répertoire usuel.
Composez ensuite le fichier suivant
<html>
<head>
<script src="bonjour.js"></script>
</head>
<body>
Javascript : alert
<script>
</script>
</body>
Enregistrez ce fichier dans le même répertoire que bonjour.js, puis essayez!
Remarquez que cela revient à l'exemple 1!