Javascript - Introduction au langage

Javascript
Juin 2014
Qu'est-ce que le Javascript?
Les navigateurs et le Javascript
A quoi ressemble un script?
Ajouter des commentaires dans votre code
Un exemple de Javascript

Qu'est-ce que le Javascript?

Le Javascript est un langage de script incorpor dans un document HTML. Historiquement il
s'agit mme du premier langage de script pour le Web. Ce langage est un langage de
programmation qui permet d'apporter des amliorations au langage HTML en permettant
d'excuter des commandes du ct client, c'est--dire au niveau du navigateur et non du serveur
web.
Ainsi le langage Javascript est fortement dpendant du navigateur appelant la page web dans
laquelle le script est incorpor, mais en contrepartie il ne ncessite pas de compilateur,
contrairement au langage Java, avec lequel il a longtemps t confondu.
Javascript a t mis au point par Netscape en 1995. A l'origine, il se nommait LiveScript et tait
destin fournir un langage de script simple au navigateur Netscape Navigator 2. Il a l'poque
longtemps t critiqu pour son manque de scurit, son dveloppement peu pouss et
l'absence de messages d'erreur explicites rendant dure son utilisation. Le 4 dcembre 1995,
suite une association avec le constructeur Sun, Netscape rebaptise son langage Javascript (un
clin d'oeil au langage Java dvelopp par Sun). A la mme poque, Microsoft mit au point le
langage Jscript, un langage de script trs similaire. Ainsi, pour viter des drives de part et
d'autre, un standard a t dfini pour normaliser les langages de script, il s'agit de l'ECMA 262,
cr par l'organisation du mme nom (ECMA, European Computer Manufactures Association).
le javascript est aussi utilis cot serveur comme php .net ...etc mais dans notre cas nous
n'aborderons pas cette partie et nous limiterons au javascript cot client

Les navigateurs et le Javascript

Version de Javascript

Navigateurs

JavaScript 1.0

Netscape Navigator 2.0, Internet Explorer 3.0, Opera, Mozilla

JavaScript 1.1

Netscape Navigator 3.0, Opera, Mozilla

Javascript 1.2

Netscape Navigator 4.0/4.05, Internet Explorer 4.0, Opera, Mozilla

Javascript 1.3

Netscape Navigator 4.06, Internet Explorer 5.0, Opera, Mozilla

Javascript 1.4

Netscape Navigator 6.0, Internet Explorer 6.0, Opera, Mozilla

Javascript 1.5

Netscape Navigator 6.0, Mozilla

Javascript 1.6

Firefox 1.5

Javascript 1.7

Firefox 2

Javascript 1.8

Firefox 3 Opera 11.5

Javascript 1.8.5

Firefox 4 Internet Explorer 9 Opera 11.6 Chrome

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) a t pralablement compile, et une machine virtuelle
permettant d'interprter le pseudo-code doit tre charge en mmoire (du ct du client)
chaque chargement de la page, d'o un important ralentissement pour les applets Java
contrairement au JavaScript.

Javascript

Java

Langage interprt

Langage pseudo-compil
(chargement d'une machine virtuelle)

Code intgr au HTML

Code (applet) part du document HTML,

appel partir de la page

Langage peu typ

Langage fortement typ (dclaration du type

de variable)

Liaisons dynamiques: les rfrences des objets Liaisons statiques: les objets doivent exister
sont vrifies au chargement
au chargement (compilation)
Accessibilit du code

Confidentialit du code

Sr: ne peut pas crire sur le disque dur

Sr: ne peut pas crire sur le disque dur

Le Javascript est case sensitive (en franais sensible la casse), c'est--dire qu'il fait une
diffrence entre un nom de variable contenant ou non des majuscules. Ainsi la fonction
bonjour(); n'est pas la mme 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'insrer dans une page HTML. Le code du script
n'est toutefois pas visible dans la fentre du navigateur car il est compris entre des balises (ou
tags) spcifiques qui signalent au navigateur qu'il s'agit d'un script crit en langage JavaScript.
Les balises annonant un code Javascript sont les suivantes :
<script type="text/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 aprs, 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 dsir...)
Il ne faut pas confondre les balises de commentaires du langage HTML (destines masquer le
script pour certains browsers) et les caractres de commentaires Javascript (permettant de
documenter son script)!
Pour crire des commentaires, Javascript utilise les conventions utilises en langage C/C++
Pour mettre en commentaires toute une ligne on utilise le double slash :
// Tous les caractres derrire le // sont ignors
Pour mettre en commentaire une partie du texte (ventuellement sur plusieurs lignes) on
utilise le /* et le */ :
/* Toutes les lignes comprises entre ces repres
sont ignores par l'interprteur de code */
Il faut veiller ne pas imbriquer des commentaires, au risque de provoquer une erreur lors de
l'excution du code!

Un exemple de Javascript
Comme gnralement dans les tutoriels de Javascript on va faire afficher une bote 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 modration!
Voici la page HTML correspondante :

<!DOCTYPE html>
<html>
<head>
<title> Voici une page contenant du Javascript</title>
</head>
<body>
<script type="text/javascript">
<!-alert("Voici un message d\'alerte!");
// -->
</script>
</body>
</html>
Ce document intitul Javascript - Introduction au langage Javascript issu de CommentCaMarche
(www.commentcamarche.net) est mis disposition sous les termes de la licence Creative Commons. Vous pouvez
copier, modifier des copies de cette page, dans les conditions fixes par la licence, tant que cette note apparat
clairement.