[Javascript] - Qu'est-ce que le Javascript?

Répondre
Avatar du membre
LM2I_Laurent
Administrateur - Site Admin
Messages : 284
Enregistré le : jeu. 27 août 2009 17:00

[Javascript] - Qu'est-ce que le Javascript?

Message par LM2I_Laurent »

Source:

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...

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.

Le Javascript est case sensitive (en français sensible à la casse), c'est-à-dire qu'il fait une différence entre un nom de variable contenant ou non des majuscules. Ainsi la fonction bonjour(); n'est pas la même fonction que Bonjour();.
Enfin, comme en langage C, chaque instruction se termine par un point-virgule (;).

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:

Code : Tout sélectionner

<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:

Code : Tout sélectionner

<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
  • d'une part pour s'y retrouver lorsque, plusieurs mois après, l'on voudra revoir son script
  • d'autre part par esprit d'échange pour permettre à vos visiteurs curieux de comprendre votre script (cela n'est pas toujours désiré...)
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 langage C/C++

Pour mettre en commentaires tout une ligne on utilise le double slash:
// Tous les caractères derrière le // sont ignorés
Pour mettre en commentaire une partie du texte (éventuellement sur plusieurs lignes) on utilise le /* et le */:
/* Toutes les lignes comprises entre ces repères
Sont ignorées par l'interpréteur
de code */


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:

Code : Tout sélectionner

<HTML> 
<HEAD> 
<TITLE> Voici une page contenant du Javascript</TITLE> 
</HEAD> 
<BODY> 
<SCRIPT language="Javascript"> 
<!-- 
alert("Voici un message d alerte!"); 
// --> 
</SCRIPT> 
</BODY> 
</HTML>
Cours de JavaScript en partenariat avec CommentCaMarche.net
N'hésitez pas à visiter cet excellent site contenant des cours sur presque tous les langages de programmation !


@+
Laurent
Image
Webmaster
http://www.lm2i.fr
http://www.lm2i.eu

Image Image Image Image
.
Répondre