Qu'est-ce que le Javascript? |
Le Javascript est une extension du langage HTML qui est incluse dans le code. Ce langage est un langage de programmation qui permet d'apporter des améliorations au langage HTML en permettant d'exécuter des commandes.
Les navigateurs et le Javascript:
Navigateur | Version de Javascript supportée |
Netscape 2 | JavaScript 1.0 |
Netscape 3 | JavaScript 1.1 |
Netscape 4 | Javascript 1.2 |
MSIE 3.0 | Javascript 1.0 |
MSIE 4.0 | Javascript 1.2 |
Il ne faut pas confondre le JavaScript et le Java. En effet contrairement au langage Java,
le code est directement écrit dans la page HTML, c'est un langage peu évolué
qui ne permet aucune confidentialité au niveau des codes (ceux-ci sont effectivement visibles).
D'autre part l'applet Java (le programme) doit être compilé à chaque chargement
de la page, d'où un important ralentissement pour les applets Java contrairement au JavaScript.
Javascript | Java |
Langage interprété | Langage compilé |
Code intégré au HTML | Code (applet) à part du document HTML, appelé à partir de la page |
Langage peu typé | Langage fortement typé (déclaration du type de variable) |
Liaisons dynamiques: les références des objets sont vérifiées au chargement | Liaisons statiques: Les objets doivent exister au chargement (compilation) |
Accessibilité du code | Confidentialité du code |
Sûr: ne peut pas écrire sur le disque dur | Sûr: ne peut pas écrire sur le disque dur |
A quoi ressemble un script? |
Un script est une portion de code qui vient s'insérer dans une page HTML. Le code du script
n'est toutefois pas visible dans la fenêtre du navigateur car il est compris entre des balises
(ou tags) spécifiques qui signalent au navigateur qu'il s'agit d'un script écrit en langage
JavaScript.
Les balises annonçant un code Javascript sont les suivantes:
<SCRIPT language="Javascript">
Placez ici le code de votre script
</SCRIPT>
Masquage du script pour les anciens browsers |
Ce code est ainsi invisible du point de vue du navigateur c'est-à-dire que ce dernier n'affiche
pas dans sa fenêtre le code Javascript.
Toutefois, d'anciens navigateurs, créés avant l'arrivée
du Javascript, ne connaissent pas ces balises et donc les ignorent...
Le code de votre Javascript risque donc de s'afficher sur votre belle page web et venir
gâcher votre travail. L'astuce consiste donc à ajouter des balises de commentaires
à l'intérieur même des balises de script. Ainsi les anciens navigateurs
ignoreront tout simplement l'intégralité du script, tandis que les navigateurs
récents l'interprèteront (comme il se le doit) comme du Javascript!
Voici ce que donne le script une fois "masqué" pour les anciens navigateurs:
<SCRIPT language="Javascript">
<!--
Placez ici le code de votre script
// -->
</SCRIPT>
Ajouter des commentaires dans votre code |
Comme dans tout langage de programmation, il est bon d'ajouter des commentaires dans un de ses scripts
Il ne faut pas confondre les balises de commentaires du langage HTML (destinées à masquer le script pour certains browsers) et les caractères de commentaires Javascript (permettant de documenter son script)! |
Pour écrire des commentaires, Javascript utilise les conventions utilisées en lange C/C++
Il faut veiller à ne pas embriquer des commentaires, au risque de provoquer une erreur lors de l'exécution du code! |
Un exemple de Javascript |
Comme généralement dans les tutoriels de Javascript on va faire afficher un boite
de dialogue suite au chargement d'une page HTML. Dans ce cas le script est totalement inutile voire
ennuyeux pour vos visiteurs... Cet exemple montre ce que l'abus de Javascript peut donner... Il faudra
apprendre à se servir du Javascript avec modération!
Voici la page HTML correspondante:
<HTML>
<HEAD>
<TITLE> Voici une page contenant du Javascript</TITLE>
</HEAD>
<BODY>
<SCRIPT language="Javascript">
<!--
alert("Voici un message d alerte!");
// -->
</SCRIPT>
</BODY>
</HTML>
CLiquez ici pour voir le résultat d'un tel script lors du chargement de la page ci-dessus: