Introduction ‡ JavaScript

StÈphane Genaud

2001 (Janvier), traitement de texte LATEX

2
Table des matiËres
1 Introduction utilisÈ cÙtÈ client

1
2 JavScriptest interprÈtÈ . . . . .... 5
13 O˘ et comment insÈrer duJavaScript? ................. 6
2 Le langage
21. Variables . . . . . . ..
1 DÈclaration et cture/Ècriture 9
3
2 Types de donnes
2.1.3 de dÈclaration
CommntairExemples.. .
0
1
2 OpÈrations, xpressions

2.4 DÈroul1eLamentsÈqenceprograme

4 2 Structresded'un contrÙle 2
5 3 Fonctions . . .
PortÈe des variables
3
4
2.6 Les types de donÈesen JavaScript...................

5
2 type entier
1 boolÈen
Le
3 tableaux
2.7.2 Calculdonversiondistance
6
7 Exemples .
6 4 de type

28 1
'une moynne 7
Évenemnts ........ ....................... 18
3 1 Classes et objets . . . . ..

des objets
Les objets propriÈtÈs
1
mÈthod
3.2 Les objets d'une page web .
1 es objets standards . . ..
1 2 Liens avec les objets HTML...................
3.2.3 DÈsgnation
Window .
de l'objet courant :this
253

4 Utilisation des objts

4.2 Laclasse Document ..
1 Laclasse Image
2 Form ........... 8
7
4.2.3 quelques ÈlÈmentsdela classeForm............... 29

3
 DES MATIÈRES 35
TABLEObjets - manuel de rÈfÈrence

nchor
2
3
array
button 5
4 checkbox
5
6
8
Date
documentfra
67
7
9 1 Im ge
orm .
8
dd
0 history
3 location 39
2ink .
4Math
5n
7 adio
8r svigator
6pssword 0
19 lect 1
0tring

1 submit
2 .. 2
3 textarea
43
A.24window ..................................
4
Chapitre 1

Introduction d'ap-
JavScrpt est un langage de script orintÈ- bjet utilisÈ pour le

plications . Ce ÈtÈ ppÈ par lasocÈÈ Netscape Corpora-

tion, qui l'a roduit, pour premiËrfoisdevel dans son NavigaordÈveloppement2.01996.Depuis,
le langage internet‡ÈÈenrichi,langageetderniËre version JavaScript st la 1.2, interprÈtÈe
entiËrement ‡ partir des Navigator 4.0 . ÈfÈrence completdu langage
Netscape met‡disposition sur site un guide de
[Net98].
An de rendre ce langage accesible ‡
des navigateu onÁus par entre-
prises, un procÈdÈ de ÈtÈentrepris dËs 1996. La porte le
nomEMA-262 [ECM99],etnormalisationrefËre parfois ‡ sous lenor m d'ECMA
scrpt.Cette estun sous-ensemb dulangageJavaScript conÁud'autresNetcape,
et il st de n'utiliser que les de cettenorme pour s'assurer
que l codenÈcessaireÈcritnormeracompris de tous lespÈcinavigateurscations interprÈtatle JavaScript.

Les rogrammesJavaScript s'intËgrent dans le code HTML d'une pge Wb. L'in-
tÈrÍt d'un ng JavaScipt de pouvoir contrÙl dyn miquement le
comortement page Web : on peuest pr xe ple vÈrier que le code p al
dns la est correct, faire a-cher des spÈciaux quand la souris
menus
pproche d'uned'unzocommedonnÈe, a-cher bndeaux publicitairesanimÈs, orienter
des
saisiutomatiquempagentlevisieur sur une autre page, etc ... .

1.1 JavaScript est utilisÈ cÙtÈ client

La charge d'exÈcu le code JavaScript incombe au client, c'e -‡-dire‡ un na-
du temps. Le serveur envoiele code HTML JvaScript la
client qui l'nte prËte dËs qu'il est chargÈ. Ce typede fonctionnemnt s'oppose aux
hensibleaussimierOn1exÈcutlangagsorvigateur.2distinuemode, binaire)LaphestcommeproduiretextedeuxtrduitinterprÈtÈsemodesPHP[BASduprogrammedanstrductionHTMLd'e xÈcutionun99]ouautreformat,etl'envoieÈcrits'apelledesASPparprogrammla.auleDanscompilationdirectementclientce.sc. ameurDanss,leetcom(onserveurled'exÈdonneprdit-

programmeleJavaScriptparprogammeientÈspluparditlahabituellementcompilÈmachineserveurs,source)estpour., +
un chier exÈcutable (ou .Les av de ce mode sont rapiditÈ

cution(lesinstructionssontdirectement xÈcutÈesparlamachine)etlavaliditÈ
syntaxiquedu programme source (pour qule5ntagescompilateur puisse traduire le source
1.3. OŸ ET COMMENT INSÉRER DU JAVASCRIPT ?

il faut que les soient syntaxiq corr es). D'autre part, un avan

ge commercalinstructionsdepouvoir donner ‡ une prsonn tierc, uniquementle chier

sans que ette personne pusse voirementlprogramme source. L'inconvÈnient

exÈcutablequechier exÈ utable dÈpend ‡ la fois de la machine du systËmed'exploi-
tastion, etil est par consÈquent plus de le distribuer. lit le
di-cile
Le deuxiËme mode est dit interprÈtÈ : un programme
s rce, tessaye d'exÈcuter les instructions les unes aprËs les autrs. A la diÈrnce
du mode complÈ, il n'y pas de chier exÈcutable. L'avantage cemode st que
toute personne aya le programme inteprËte sur son ordinatur,interprËte peut programmeerl
programme. L'ncoinvÈnient est la lenteur d˚e ‡ l'exÈcution et de l'interprËtexÈcuet du
JvaScript est un langage interprÈtÈ . Il faut donc un progrmme
exÈcuter des dns ce langage. Les deux navgatu les plus rÈ-
pour
padus ‡ l'heure sur le m hÈ, et , incororent
tels interprËtes. Netscpe 20,Netscapeses versions ultÈri sinterprËtesontcaables

d'interprÈter lesogrammespr ÈcritsJavaScipt. Quandun Internetnaviga l'accËs ‡

une page HTML actuellentenntunammNavigatorprogamme le serveurExplore le docu-
ment complet (incluant le HTML et les instructionsJavaScript,aScript) demandeauavgateur.voi Le
navigateur a-che le texte HTML et xÈcute lecode JavaScript.
alors pe in-
Quels navigateurs sont d'interprÈter ?
troduit pour la premiËre fois l'interprÈtation de code J dans sonNetsc vigator
ersion2. Microsoft,
.
Intrnet Explorer avaScript3,suivi,en implÈmentant

une du capablesnavigateurs intËgren aussi l'interpÈtaion de Ja-

vaScript aujourd'hui. avecIlD'autrdi-cile de donnerversion information ‡ un
momendonnÈ,partie sur les verions de navigateurs Èta capables rprÈer telleou
telle version dulangagegage,dufait de l'Èvolution rapide et incessantexhaustivedlogiciels et
des . Citons simplement trois autres navigateurs qui d'interespctent la norme
ECMA-262 : priÈtaire disponble sous Window/Liux/MacOs,
Opera,langagesgiciel
Konqueror, l'expl rateur de chiers et navigateur de l'e vironnement KDE sous
§ Linux,
Mozilla, le navigateur dont est dÈrivÈ Netscape 6, disponible pour tous systËmes.
1.3 O˘ et comment insÈrer du JavaScript ?
Pourplacer des intructions JvaScript dans une page HTML, il faut utiliser la balise
<script> de maniËre suivnte :
<script langage="javscript">

instructions javascript
.....
</scrit>
 l'on prÈfËe incure le
JavaS stockÈ dans un autre chier, on peut
Sil'ndiquer pa unelige commcode
<script
:
src="mon code.js"></script>

L'attribut du langage (javascriptdans le xte prÈcÈdent) est supportÈ ‡ partir

du Netscape 2.0. Pour des verions plus rÈcen6tes du navigateur, l'atribut peut aussi
CHAPITRE . INTRODUCTION

Ítre javascript1.1(Netscape 3.0) ou javascript1.2(Netscape 4.0).

Ces instructions peuvent s'inÈrer n'importe ˘ ‡ l'intÈrie du code HTML. Da

l'exemple suivant, on note l'utilsation de la fonction docment write permet,

en JavaScript, d'Ècrire un message dans la fenÍtredu navigateur. Nous revendroqui ns
sur cete fonction plustard.
htm
<br>ligne 3 textedtexte. 1 de . <br>

script>document.writ("ligne 2 de texte.")
html> page HTML, l'utilisateur ne verra s'a-cher dans son
Lors</du chargment de cet

ligne 3e
2
navigateur qu les1 trois ligns :

sans savoir si c'est du texteproduit par HTML ou par JavScript. lors de la

pas
Cacher ‡ certains navigateurs
. Pour Èviter les erreurs que
C tai navigvigateurscs
ne comprennent
lectureJavaScript,du on peut leur fairecroiresignaleraientqu'ils'agi de commentaires HTML.
Par exemple :
html>

//
scrptfindoclanguage="javasript">commentawrite("Bonjourreici.--
!--- cache le scrpt .
</hcript>ml>
m. !")
res e du texte HTML.

7 S. Genaud
1.3. OŸ ET COMMENT INSÉRER DU JAVASCRIPT ?

8
Chapitre 2

Le langage
suivantes sont utilisÈes. On appelle mot-clÈtout

Dans chapitre, les co

police tÈlÈtypeapparte: if est un mot-clÈ (il indique dÈbut d'un tes). En

pratique, ceci signie qu'on ne ut utilser un mot-clÈ en dehors deson contxte.
recense les mots-clÈs du lagageventions. .Cesmots-clÈssont typographiÈs
mot symbole a au
Vous ne pourrez pas parexemple,langage,choisJavaScriptifcomme nom de variable. Latable2.1
2.1.1.1
Variables et on donnÈ un nom. Da s langages

Une vrableDÈclarationestnesemÈmoire ‡

ranger ne valeur dans

peut vrierau(commeursde l'exÈcuiondulecture/Ècritureprogramm.O tenupe

cette case, ou de maniËre laquelle variable, par une instr nommÈe

ectation . On pe aussi lire son co nu ‡ tout moment. On peuctionpar exemple
impÈr fs, J vaScrip Java,C/C++) de cette cas
alors l'indiquer par l'instructionsynonyme,ivadanste, qu'o n appelle
co dÈclaratiod'un
oire de variable :

indiquer l'onutilise variable pour compter les points match. Il faut

var pteur; programme que le mbre de points est quatre, j'Ècris
signier ‡ un moment du
Ici, var est unmot-clÈ et compteu un nom chisiparle rogrammeur.Si jeveux
compteur = 4;

l'instruction d'a ctation : ‡ HTML,

Les noms de variabl sont de lo ngueurquelc onq , peuvent contenir des letres,

sm des m uscules, et
chiJavaScript,rescaractËrntraireme

Maintenant su posons que mon compteur a une valeur queajusculesne onnais pas, et que

je veuille indiquer qu'lfaut jouter un point. Pour cela, je peux Ècire l'instruction :
et souligÈ( ) mais com encer par lettre.No ons
qu'ainsi MaVariable et mavriable dÈsigdistinguedoiventuxvariabl diuneÈrntes.
coptur est lu,et on additionne ‡ ce contenu.Dans un deuxiËmel'ordinateurtemps,
Pour compteur = compteur + 1;
la signica de cette instruction, ilfaut savoir que
Java oucomprendreC)l'aectation, et non l'ÈgalitÈ 9 , auquel cas le texte prÈcÈdent n'aurait
va d'abo Èvaluer la prtie ‡ droite du symbole Ègal. Le contnu la
rante iformatiquequ'elle porte un nom: c'est l' tiond'une variable.
somm est rÈ-Ècrite dans la variable compteur. Cette opÈration esttellement cou-
Il faut ici faire attention ausens du symbole =. Il dÈnoteincrÈmentJavaScript (comme en
2.1. VARIABLES ct public

oat
oolean or return
abstryte goto tatic
reak function hort

se f lements uper
tch witch
hat mp ort synchronized
continuest stanceof hrow
lass is

efault interface ansient

ue
double tive
try
xtends
false
longull void
ackage hile
ew ar
nally ivate width
protected
Tab. 2.1 § Liste des mots-clÈs

pas de sens. On signie l'ÈgalitÈ par le symbole ==, comme nous le verrons par la

suite.
Types de
2.1.2 dedonnÈes. Un type de est un ensmble de valeurset

bitquell ent typ

On pourait se la question : peut on n'impote quelle sorte de
donnÈes une vaiable ? La non, carilmettreposerait alors des prblËmes
: queposer passeraitilrÈponseuivantemeesttait le message bonjourµ dans
compteur
Po cohÈreasurerla
des les dÈnisse ha-
estle type chai (ou chaine caactËres) permlangagesinformatiquesderaiterles m sages. Une

comme la cohÈrenceation(m ttre deux chaines bout-‡-bout).La section2.6 rvi

et
l'odanscessayait nsuitedelui ajouter un? est constituÈ

un ens d' opÈra eurs sur instruction,valeurs. Par exmple, le ype entier
de l' nsemble tiers t opÈraeurs+, donnÈes-,*,/, c. Un autretype trËs
haine est un desns de car ctËres composÈ indiÈremment de lettres, symboles
ouchires. Sur l'esemble d deschaines de caractËres, on peut dÈnir desopÈateurutilisÈ
concatÈme la pldupart langages de scrpt, est un langage trËs faiblemet
endÈtail sur les types l ngage JavaScript.
masqu'il n'impose s au programmeur d'indiquer explicitementle1+"bonjour",typed'ue

JavaScript,varablelors de la dÈclaration des celle-ci.

typÈ. Ceci veut pas dire qu'il estcapabled'eectuerl'instruction
2.1.3 Exemples de

Voici, quelquestexte;exemples de dÈclarations:

le;
varcompteur = 3;
10
CHAPITRE 2. LE LANGAGE perdue.";

varErreur2 = 'P assz mÈmoire';

les guillements ou les quots"ConnexionpourdÈlimiter unerniËreschai de caractËres.

On remarque aussi dans l' xemple prÈcÈdent que l'on peut indiÈremment utiliser
Notons l'n put initialiser (y inscrire unevaleurinitiale) ‡leur
dÈclaration,comme c'est le cas dans variablestrois d dÈclaratons.

2.2 rencontre da des langag comme C/C++

La plupartOpÈrations, que l'

nous dÈcouvrironsexpressionsces expressionsauldece document. Vici quelques exemples,
et Java existent en JavaScript. Nous ne donnerons quequelqu exemples ici, et
i++; isigni=cation+1; .
lesinstructions sur lamÍmeligne ayantla mÍme
total +=4; total = total + 4;

2.3 msg ="codeerreur " + code;

Commentaires

Parfois, un le de qu'il vient d'Ècrire, mais sas que

es n'intrfËrent avec lesannoterinstuctionsproprement dites. On appelle ces

annotationsdes res du programms. Pour que l'intrprËte ne n
pas ces ractËres avc lesnstructions,souhaite (pour q'il lesignore), on fait prÈcÈder un
programmeurdispsÈmmenta de ligne par les de barres obliques (//) t on utilise
/*mmentaire*/pour dÈlimiteruncommentaire sur plsieursux lignes. Voici un exemplefonde
code commentÈ.
poser la bonne stion */
/* test pour

if (reduc && veux){ // a ne rduction et est

} document.write("Voulez que quelqu'un vous accompagnvieille?");
.4 DÈroulement d'un programe
2.4.1 La sÈquence plusieurs instructions (c'est en pratique to

Quandon veut fare

chaqueinstruc ion.nstuctioPourexÈcuternÈmenter mavriablea compteur d'une unitÈ,jourspuide
as) on Ècritces s de haut en bs, en insÈrant un point-virg le entrle

deux, j'Ècris :
compteur=compteur+ 1;2 se rÈ-
sÈquence simple rendrait fastidieuse
Cependaremiers ntiers, nousaurions besoindecent instructions : nquanted'instructionsstructions
d'a-chaget cinquanteincrÈmentations. Poursimplil'Ècritureeriture, le lagage four-
,
instructions. 11 S. Genaud
 Ètant grndla nombredefois.Sil'on doitparexemplea-cherlescinquante
nit des etures de contrÙlepermettant de modier la sÈquence d'exÈcution des
 .4. DÉROULEMENT D'UN PROGRAME

2.4.2 Structuresde contrÙle

Parmi ces structures on trouve la boucle (aussi appelÈe itÈrative) et le test (ou
for
alternative).

La boucle st introduite par le mot-clÈ for. d'instructions.

permet de ÈpÈter un rtain mbre de fois un
P r a-chernoscinquantepremiers entiers, nous pouvons Ècrire une boucle
qui
n s perm de rÈduire le de progrmme ‡ rois ligesensembleu decent).
boucle, c'est-‡-dire les instructions ‡l'intÈrieur des crochetsEnsuite(au{ })est xÈcutÈ
boucle utilise la variablexte qui vaut 1 initialement. le corpsde la

Cettentque la condition est vraie. A chaque tour de boucle, on incrÈmente la

variableifor. (i=1; i<=50; ++) {
.writeln(i);
}
La syntaxe de la boucledocument JavaScript est la suivante. La notation utilise les crochets
pour indiquerles paramËtres optionnels.

for ([ init
5aller en 2.
pr ;][
incr expr

co

l'instruction
dition ;][ expr
incr
]){
Le comportement}ins1ructionsdecette instruction est :

2si
in expr

qu'onUneLaboucleautrewhiledotstrucurerÈpÈwhile(t64er.sortieexÈcuterunitÈrativeensemblede plussimpleestforla boucletantqu'unewhilecondition.Celle-ci ditest simplementvraie.

3 co est faux aller en 6., sinon aller en 3.
d'instructions

ition
2 exÈcutersortie stru tions
NousposonsunelÈen

3 disposionsl'inst est vraie aller en 3, sinon aller en 5.

 ){
con

tion

Lecomportement}ins1ructionsdeÈvaluecetteinstructionest:
rÈpÈtition
12
condition calculanth
Èe.Suptantboopar--
prompt()quemoyenl'utilisateurquipovoquecontrÙle .ousdepar54allern.laotes'aexemplepas.DansendecliquÈ1.parrefairel'exempledusurailleursuctioncalculu nAnnlercalc uld'uwhiledeivant,lamoyennedanstantfonctionlavriable laqueboite.l'utilisateurcalcOndrela ncecommendialoguemoyle n() cedÈireacalcest -
CHAPITRE 2. LE LANGAGE

var (recom
tru {
moyenne est " + m + ".Recommencer ?");
recommencecommence=prompt("Lawhilecalcoyenne();

}
Notons qu'il est important d'initialiser la variable recommence‡ la valeur vraie an
dans laboucle la premiËre fois.

ernative rmet d'xÈcuter un d'instruction quand

d'entrerL'alscture alternative
c estvraie. Le typede la conditionestboolÈen (la condition est soit vriune
onditionfausse). La structure alternativeest introduiteensembleparmot-clÈ if, et sa syntaxe
estla suivante :
if (condi ion1){
[else ins{ ructions 1

Le1 comportement}] decette2instruction est : ructi

2exÈcuter
estvrai,alleren2,sinonalleren3.
con tion1 et,exÈcuteralleren4.
3 ortieily a une
partie

instructions
1
documentdeon{

peut simplement.writeln("itestern'estlaÈgalvaleurpas‡Ègald'une50")‡variable,et50")all commeen4sinondansallerl'exempleen4.

suivantExemple4.s}elseif(i==50){.: else instructio s 2

l'instruction

2.4.3 Fonctions

De mÍme que la ir une de rÈpÈter plusieurs instructions, la fonction est trËs

utile por acco ‚cherÈpÈtitive.Le principe consiste ‡regrouper dans un

blocµ ensemboucled'insructionspermet pour accomplir une ‡nommer
u
et‡ l'appeler ‡ chaque foisnÈcessairequ'onbesoind'eectuer la t‚che,. aramÈrer
sophistication supplÈmentaire rÈside ans la possibiliÈ de pouvoir
Unebloc, c'est-‡-dire xÈcuter le avecdes paramËtes pouvant Ítre diÈrents ‡
chaque appel. Il va de soi que sije un bloc permetant de calculer la facto-
d'unnombre,jeveuxqueceblocnstruiscpuis calculerlafactorieleden'importequel
rielleentir. Cet entier est mon paramËtre (ou de 13 maniËre synonyme,l'argumentS. duGenaudbloc).
2.5. PORTÉE DES VARIABLES

De plus, les bocs JavaScript, se nomment fonctions, comme les fonctions ma

thÈmatiques, ils renvoient un rÈsultat nique. functionsuivi de ses ar-
carrequi rend le carrÈ de son introduitegument.
La dÈnition ne fonction st par mot clÈ
guments, puisd'u code de la fonction entre accolades ({}). Le rÈsultat de la fonction
est indiquÈ par mot-clÈ retu . Par xemple, ci-dessous est dÈnie la
languag ="javascript">

<scriptfuncion carre(i) {
} return (i*i)
</script>

la
contenant ce scrpt. Il
Notons rien ne se passe si on
fa ut eneque appeler fonction avec un argumseulementeectifpageur que l'Èvaluat se
. Pour cela, onpourra parexemplcharge ajouter aprËs lecodede la fonction, un
language="javascript">
appl‡sse cette foncion :

<
Pour /script> la fonction, il faut bien s˚r qu'lle ait ÈtÈ auparavant. Par
document.write("La fonction a retournÈ ",carre(4),".")
page HTML, et les appelsdans le opser de cette page.PourdÈnotrnie exemple, la page

la dÈnitiondefonctiondansl'entÍtedela
HTMLappelerdonc la structure uivante :
consÈquent,il est conseillÈ depla
doc .wge="javascript">te("onappelÈ carre avec l'argument ",i ,"<br>")
<script lagu
HEAD>
ca {
funcio e(i)
re umentri *
script>}
/HEAD>
BODY> language="javascript">
script>document.write("La fonction a retournÈ ",carre(4),".")
</ BODY> qu'il
2. 5 PortÈe desen dehors d'une fonction sont globales , c'est-‡-di

Lesposiblevariablesde lireoude variablesmodierde n'importe quelle partie du scipt oude

sontdÈclarÈesocales,c'est-‡-dire que leurvaleur n'est connue qu'‡ l'intÈrieur de la
n'imprte que fonction. Par opposition,les variables dÈclarÈes d'unest
fonction. 14
 CHAPITRE 2 .LELANGAGE
2 .6Les types dedonnÈesprendre JavaScript

.6 .1
est noammnt xpression utilisÈboolÈendansl'instructionneputif. L'ensemblequelesvaleursdes opÈrateurstrueoufaledÈ.Cenistypesur

dl'nsembleUnecettetable,etnomdelogiquevalurslesdevariables syntaxe&& etb exemplesontesta&&prÈsentÈdansdebtypedÈboolÈen)nitionlatable. 2.2. (dans lesexemples

ftrue; false g

true; true ! true

true; f alse ! f alse
f alse; true ! f alse
ou logique || a || b f alse; f alse ! f al e
true; true ! true
true; f alse ! true
f alse; true ! true
NÈgation ! !a f alse; f alse ! f al e
true ! f alse
Remarqueoulogique :(Tabl'impliction.2.2§ LesestopÈrateursabsentemaislogiquespeut (dÈ s'Ècrire‡partir nissurles boolÈes)delaÈgtion et du
f alse ! true

tableaux variable

2.UnplusieursentiËreEn6Jatableau.23v a:ScriptmaLeentiespermet ( ) b) (: b)
tellevale urs., variableL(c'estntierstableauxde-‡-mÍmesdirestfaitde(!a||sonttype,pardoncxempcommetabaub)untypeelencomme parJ ad'v aScript)exemple ntiers‡suitpart µ..:

variables)type1.,OnladansunedÈclarationdeaentierde:stockercontnantuleplusieursd'uneplusieurs

tableau etiers = new Array();

Rmarquez nous n'avons pas prÈcisÈ que les ÈÈments du tableau Ètaient des -
ans le tablea qui dÈtermineront le type du tableau.
tirs, du fait dutypge faiblede JavaScript. Ce sont les ÈlÈments que nous metterosen
dÈclare. L connaissanttableuxsont eet dynamiqudes c'est-‡-dire qu'on peut leur ajouter ‡
Le ecteur d'autreslangges programmtion de type impÈrtif peut
Ítre surpris que'il ne soit pas obligatoire de prÈciser la taille du tablau que l'on
out mom nt, autant d'ÈlÈmens que l'onveut. faut indiqu sa dans le
accÈder ‡ un valeur pa ticuliËre du tableau,
tableau,dnsla
ÈÈmntil est numÈrotÈ 0. On peut case:
‡ l'aide decrochets. Attention, le
Pourpexemple mettre valeur 56 dans la premiËer case du tableau, etplacevaleur 9
cette syntaxe n'st valable que pour versions de navigateurs supÈriures ‡ Netscape 2 et
vous pouvezonsultcinquiËmePour[Goo98]. 15 S. Genaud
1
IE 3-DLL JSript1. une utilisation des tableaux avec des verions anciennes de navigateurs,
2.6. LES TYPES DE DONNÉES56; EN JAVASCRIPT

tableau_entiers[0]4 = 9;

Il exis une faÁon plus d'initiliser les valeurs d'un tableau, ‡ la condition
de metre des valeurs dans es cses du tableau (pas de trou). On peut alors
initialiser tableau par l'utoutes l'autre des lignes suivantes :
conciseew Array(56,12,43,4,9);
tableau_entiers= [56,12,43,4,9];
Il faut noter que la deuxiËme ligne emprunte une notaton uniquement acceptÈe
des navigateurs rÈcents 2 .contenu d'une case, et le faire apparaitre l'Ècran par
Onpeut ensuite lire ‡
document.write(tableau entiers[4]);
exemple :

Tout tablau possËde une . La longueur du tableau le numÈro de case

‡ jour la longueu dutablealongueur‡chaqtableauxaectation.Dans les deux cationsprÈ-

a propriÈtÈ length du tableauconsidÈrÈ : par exeemple,aectation,peutfaire a-cher la
occupÈe leplus and, plus . Les Ètantdynamiques l'intrprÈteurmet
cÈdentes, la longueur du est 1 aprËsla prmiËre et 5 apËs
deuxiËme aectation. Le programmeur peutobtenir cette longueur n consultant
longueur du tableau par : _entiers.length);
document.
ta documenwriteln(tableau.ableaulengh;i=i+1)iers[i];
aux sont trËs utiles ils permettent de manipuler de maniËre concise un
Lesenemble de valeurs. En rtricul r, on peut utliser une boucle pour faire a-cher
for (i=0;i< iers.
Une

ation importante et dÈcÈvante de JavaScript est que les tableaux ne peuvent

toutes lesvaleurscontenuesdasle tabeau.
Ítre limilti-dimensionnels. Cependant, il existe des moyens dÈtournÈs de crÈer de tels

tableaux (voir[Goo98]).
2.6.4 Conversion de type
Ntonsque des fonctions prÈ-dÈnes sont fournies permttant d'eecteur des conver-
chaines en nombres Ce type de conversion esttrËs utilisÈ
sions de typesde.

saisies par l'utilisat ont toujours le ype chaine

ConverionenJScript car les don
dec ractËres.Les fonctio s et parseFloat() permetten de conver-
tirexpicitem une chain un entier ou en un rÈel respectivement. Ainsi,
.56") rend parseInt()leÈel13.56 (‡ partir de la chaine "13.56"). La
menarseFloat("13optionnelqui
st la base danslaqulleestexprimÈ l'entier . Si onne
prÈcise pas cette bas, l'interprÈteur dÈcide de labase en fonction renduformatde la
fon ion parseInt agit de mÍmesurles ntiers, maisaccepteun deuxiËme argu-
2A partir de Netscape 3 et IE 4 16
 CHAPITRE 2. LE LANGAGE exemple la base 8, .g.

chaine : pour une chaine commenÁant par 0, il choisit

en une numÈrique. Dns ce as, le rÈsltatparseInt("0345",10)traduirest Nachaine(Not

parseInt("011") d 9. Il est par consÈquentrecommandÈ de prÈciser la base 10

deuxiËme paramËtre. On utilise par exemple pour obtenir
a Number ). Poursavoirconversionla chine‡car convertir ne reprÈs pas une expresson
l'ntier 345.
Pour complter la versun nombre, il est uvent nÈcessaire de s'ssurer
d la validitÈ du Èultat obtnu ilest parfois imp ssible une
numÈrique,xpressiondoit utiliser la fonction isNaN() , qu renvoie vrai ans ce cas.

sion inverse. Elle est cep ant plus que prÈcÈdentes car peut s'appli-
quer, non pas uniquement ‡ des nombres, maistoString()ausles‡une chai (rend la mÍme
Converionvers une chaine La fonction rmet fairelaconver-
chaine), ‡ un boolÈen (rend "true" ou "fals") ‡ untableau de le contenu
tbleaux sÈparÈs par des virgules), ougÈnÈraleencor ‡une fonction (rend la dÈnition des
Sur les nombes on utilise la fonction de la maniËre suivante:
la fonction).

var =15;
0
1 1234
12345
6789

La fonction toString()a
i.toString(10); un argument opti nel qui est la base uilisÈe pour

reprÈsenter le nombre en chaincepte.

Dans l'exemple, on obtient simplementla chaine

"15".7. Exemples

2.7.1 Calcul d'une moyenne

Utilisation de for, Array, prompt()
Ecrire un
t .
qui calcule la moyenparseInt()d'unensemble de notes. Le

pour entr des notes. Quand toutes les notes sont saisies,programmeun
programmemytenne = 0;
doitouvrirunefenÍtre pourdemaderlenombrede notes,puisouvrirunenouvell
fenÍtre a-che la
moychacune.
= new Array();

tr
var nb; rompt("Etrer le de

la notenotes");+(i+1));

t[i]i=0;i<nb;i++){parsInt(nnombreot[i],10);
nb=p seInt( b,10);
for(var ompt("Ee[i];
moyenne nne+=
= / nb;
}
A la igne 6, nous demandons, avec parseInt()

entier, car la fontionprompt()red une

saisi l'utilisateur
 .8. ÉVENEMENTS

2.7.2 Calcul de distance

Utilisation de for, Array, prompt(). un ensemble de villes et la dis ce les sÈ-

1234
1012 56789

Ecire programme qui, connaissa

par d'un point de rÈfÈrence, soit capable de dire,aprËs que l'utilisateur ait saisi
une ditance parcourue le point de rÈfÈrence, villes aurient pu Ítre
atteintes.
alors dans
Supposons que le point depuisrÈfÈrence soit Strasbourgquelles.No metto
c 0 du tabl audes istances, la distance sÈparant Strasbourg de la vil inscrite
ans la case 0 du tableau des villes (Bordeaux). La boucle parcout ensuite tablau
des distancs, et qua la distance parcourueest supÈrieure ‡ l'Èloignemntle de la
ville, la ville correspondante est
a-chÈe.
vlles = Bodaux","Nantes","Lyon",Mseille","Monptellier",

ance = new "Paris","Rennes","Strasbourg");

vardist; rompt("EnArray(950,850,450,800,1000,460,840,0);distanceparcourue:");

dist= ar =0;i<eInt(dist,10);.length;i++)
for (var
if(dist>=distance[i])
prompt("ville atteinte : " + villes[i]);
2.8
Évenements
L'unedes raisons du succËs de JavaScript st qu'il permet de construire des pages

Web . Une pageWeb constr simplement avec du HTML ne propose

‡ l'utilisateurdynamiques le lin hyertexte guise d'interactivitÈ.L'objectif deJavaScript
est d'impliquer beaucoup plusactivement l'utilisateur dansla consultation d'une
page Web.
ÈËnemnts, ‡ des ctions de l'uilisateur, ont tÈ
Pour cela, des
dÈnis. Latable 2.3 listls ÈvËnemencorrespondantgÈrÈs par JavaScript et leurs signications.
Chaque objet JavaScript rÈagit ‡ certains ÈvËnements seulement, qui sont listÈs,
objetpar objet,en annexe A).

An gÈrer n ÈvËnement, il est nÈcessaire de spÈci r quel ÈvËnement on

surveiller, et q elle action entrependre quand l'ÈvËnem se produit. Ceci s'Ècriveut
‡ l'aide d'un
<a href="page2.html" onClick="compte++">Page
indique que l'on gËre
produit,l'action‡
guiseriable

d'actioncompte.

‡Notonsentreprendr

el'ÈvËnementquel'o(l

esauraitdiÈrentespu1

8 mettrinstructionsen'i

mportesontquelalors

codesÈparÈesJvaSc

riptl'ÈvËnementpar

un
CHAPITRE 2. LE LANGAGE ...

EvÈnement produit

Bur qitquand zone f

Abort Se cha ment imge ÈtÈ nterrompu
lick lique s formulaire ou lien
Fcus ngentre da une zone form
Lad charge la page anstextel navigatermulairelaire
Submit envoie un formulairdessus unesÈection d'ÈlÈment
la -
Change une zo
MouseOver
sort d'un lien ou d'n formulaire

onUnload ut on sourisort zone imagemap

lapage
elect Èlectionpassed'uneÈlÈmnt dans un formulaire
Reset vide un formlaireau

JavaScript

p
Tab.2.3 § Nom et descriptions des
ÈvËnements

-virgule ( ;)). Si l'action est compliquÈe,on appelle habituellement une fonc-

tioint.
donc sujets ‡ des . Etant
Les diÈrnts objts HTML

listÈs da table 2.3 peuvesontsurvenir. Autrement ÈvËnementsdit,onpeutparticulierspasasocier la

maniËre simailaire ‡ ceci :
donnÈ un balisedÈsignantun objetHTML, uls quelquesÈvËnements parmiceux
survillance de n'importe quelÈvËnement dans le code HTML.
Par xemple,l'ÈvnementonSubmit (validation d'un formulaire) ne peut concerner
qu'un formulaire. La surveillance de cet ÈvËnement est insÈrÈe dans le HTML de
name="formu" onSubmit="fait_qquechose()">
</FORM>
....

De mÍme, sul l'ÈvËement onClick peut associÈ ‡ un bouton radio. On -

marquera t
la balise <INPUT type="passw">utilisÈe pour des saisisre
dentiellsÈgalemene gÈnËrent jamais d'ÈvËnement. Cette dÈcision ‡ ÈtÈ prise par les
concept du langage an de ne pas permetreÍtre ‡ des gens mal intentionnÈsde
rÈcpÈr ursdes mots de pase. concernent quelles balises.
La table 2.4 quels ÈvË
travers quelquesindiqueexmples.

Nous verrons dans les prochainementschapitres, comment sontutilisÈs ces ÈvËnements, ‡

19 S. Genaud
2.8. ÉVENEMENTS

Balise
EvÈnemnt

<AREA>BODY Click ver

Blur
MouseOut

Fcus
FORM> UnloadL

Reset
MG> Submit
Abort
Load
="buton"text" ou "checkbox" ou "radio" Errorick
ChangeBlur

<INPUT>avec
TYPE="SELECT"
Select
Bur
ou<TEXTAREA> Focus
Click
hange
onFocus
Tab.2.4 § Les ÈvËnements associÈs aux
balises

20
Chapitre 3

Les objets
bjet. Je e dÈveloppe pas ici les concepts de la

JavaScript est un langage orientÈ

programmation objt, mais prÈcisons certainstermes et idÈes an de comprendre

les notations utilisÈes.
3.1 classeClassesest de prpriÈtÈs et de mÈthodes. Les pro-
et objets
U d'un
priÈtÈs sont les donnÈs,et les nt les fonctions qui manipulent ces don-
nÈes. Un estdescriptionuninstncemÈthodesensemble.
maticlaion, le modËle, la mar e, couleur, le propiÈtaire, etc. Les mÈthodes
On rra par exmple dÈnir la voite , dont les propriÈtÈs seraient l'im-

pourraien
changeraiobjetlapropriÈtÈÍtre
alors re qu changerait la prpriÈtÈcoleur, revndre() qui
propriÈtaire,eindre()propriÈtairesclassetc.On pourrait dÈnir deux instances
objets
vendre()

typesuOnv 1 v2

lesm deoiture2.revlaplÈmentaires,ÈtoclassedÈcriteut.ndre()considÈreresvoitendelamodiq uiconsÈquentsectioncommla.classeCeserontÈtÈdeux2.lavoitules6,dÈnousnotionpageiesstanc.On15depourd'objet.classepeutLespossËdentcetteobjetsrespectifsensuitestcla ssed'hÈritageuneaupossËdntappliquer. togÈnÈralisationdeParunematiquementces.Nousexemple,deuxen‡chacunn'u tiliseroed'obje tobjetsetdelesv1d'obje ts.ladepropriÈtÈsdepro ncesotionlacla ss pasriÈtÈscedet

notions, et par considÈrer clas commeun

Par dans ce quisuit. retrouvonspouvonturellement, parmiles classes prÈ-

consÈquent, ous
Array tableaux
dÈnies dans le lagage, les classes:

Boolan boolÈ
Date dtes de l'opÈrateur new. La dÈclaration suivante:
un objet de cette classe se fait ‡valeursl'aid
Numbe numÈiques (entiers ou rÈls)
String :leschinnsde caactËres
Par exmple, la classe String englobles objets detype chaine de caractËres. CrÈr
1
vartexte2
=new ;("bonjour ");
crÈe deux objets denoms texe1ettexte2appartenant tous deux ‡ la classe
String. Notons quetexte2 String‡ÈÈinitialisÈ21 simultanÈment ‡sa dÈclaration.
 .2. LES OBJETS D'UNE PAGEWEB

3mÈmorisÈeobjetsl'objetPur3..11..21accÈdertexte2documentLesLescettedans‡unemÈthodespropriÈtÈsclassedÈclarÈcett.write(texte2bjetprÈcÈdemmentla.OndesproriÈdesd'un.euobjets length);objetsdoncappartinlength,faironequiat-ilise‡cherdÈlalanitclassenotation String.par..PardeOr:laexempl,touschaineles

longueur

La mÍme notation aussi pour exÈcuer es mÈthod des objets. L‡ aussi,

il est s'appliqueconnaÓtrle noms des exitantes p r les prÈ-

dÈnis. Toujours pour la classe String ,la mÈthode prÈ-dÈnie ncat() prmet de
conatÈer (mettre bout-‡-bout) deux chainÈthodes.Si,dans la continuitÈ deobjetsl'xemple
prÈcÈdenÈcessairej'Ècris :
texte1 = texte2.conct(" monsieur");
alors le contenu del'objet texte1 devint bonjour monseur, c'est-‡-dire la conca-
tÈnation de la chaine contenue anstext2et de la chaine monsieur.
3.2.1.2
Les objets d'une page web

Quandune page web chargÈe, le navigateur crÈÈ plusius objets pour reprÈ
senter informations y gurant. Ces objets sont de hique,
l'bjet les plus haut la hiÈr hie (appelÈ aussi racine camaniËrelahiÈrarchie est ar-
b rescnte)Ètant un de l c Window . Le chÈma ci- (gre 3.1)
montre l'rganisationdansstandardsdiÈrentlasseclasses. On peut interprÈter ce chÈma comme
un objet window Èventu lleme des frame,classÈsune adress, un document
µ
un document contientobjet lui-mÍme Èventuellement des formulairedessouset des liensµ,
etc. noms choiis pour nstancier les le navig
des diÈrentes classes

Lont les mÍmes que ceux de l ais n m cule. Quand plu-

sieursobjets ‡ une mÍm ilssont regroupÈ dans un tableau
peuvent Ítre distinguÈs parteurclasseur le ableau. Ai si, (unique)
dela classe Windw s'applle windowplaceetclasse,typographiÈsiÈrenobjetscadres l'objet(Èvenuellment
plusieurs dansappartiennentfenÍtr)s'appellent winowdans.frames[0], document.frames[1],
etc. donnÈ qu'on accËde trËs souv ‡ des objets de classe , le lan-
gage perme, pour des aisons de d'mmttrele mot window qua
EtantdÈsigne un objet faisant partie commoditÈ,lahiÈrarche de window il s'agit donc des
objets location , historyet docume . Les deux dÈclarations suivantes sont donc
Èquivalentes, la deuxiËme Ètant simplement plus concise :
varurl= window.location.href;
location.hrf;
3.2.2 Liens avec les objets HTML
Pour chacun d bjets HTML gurant dans une page (c'est-‡-dire ceux dÈnis par
des balises telles<IMG>pour une image), le navigateur les range dans la hiÈrarchie
vue dans la section prÈcÈdente. Pour chaque objet HTML nommÈ (avecl'attribut
22
 CHAPITRE 3. LES OBJETS

Fig. 3.1 § Les clsses

NAME), il crÈÈ un objet JavaScript de mÍme nom.

Si dans la partie HTML de la page correspondanttrouveladÈclaration d'une image comme

1234
10123 56789

suit : <img src="gif/i1.gif"> ou encore

ment fairpeutrÈfÈrencname="image1"‡cette
alors dÈsiger
par document.
par . en . Cette
tati st s˚remnt la plus concise, mais n' st pas la seule JavaScript:onpeu Ègale-
documeont.images[0]en supposntqueimage 'est la premiËreimages['image1']delapage.

3.2.3 DÈsignation l'objet courant :this

Il est souvnt commo de dÈsigner l'objet manipulÈ sans devoir le nommer
thisqui permet de dÈsigndepouvoirl'objet en cours de manipulation. Illustrons ceci par
de maniËr explicit, comme nous l'avons dÈcrit prÈcÈdemment. existe le mot clÈ

un exemple :
html> <head>
<script languag="JvaScipt">
var Testar = form.champ.value;
function testResults (fo m) {

} alert ("Vous aveztapÈ : " + TestVar);

/script> </had>
Saisir qu lquechose dns lecamp :<br>
bdy>
form nam="monfrmulir ti ="" method="get">
tex name="chmp"><P>
<input type="but on" name="bouton" value="Click"
onClick="testResults(this.form)">
S. Genaud
1
4
5

3.2.f LES OBJETS D'UNE PAGE WEB

</borm>dy</html> HTML (lignes 9 ‡ 14), on remarque l'in -

Da la dÈclaration du
testR suls()(dÈ ie 3 ‡ 6) lorsq le bouton‡ ÈtÈcliquÈ. On dÈsie passer
ion argument ‡ cettelignesformulairetion
Javascript Click ,
qui . On pourrait dÈsi
indique qu'ondoit appelerlafonction
commClick="tnl'ÈvËnementtRsults(document.monformulaire)" . Cependant, est aussi pos-

ger de obj par so nom omplet, ce qui donnerait: est en

sible de le dÈs comme c' cas, par this.monformulaire.Cette dÈsgntioni
eet plus gÈnÈraligner,puisqu'elle est valable quelquesoit le nom du formulaire.

24
Chapitre 4

Utilisation des objets utilisÈs, en

Nous en revue ans ce chapitre,quels uns des objets les

nat des exempl otquelquesutiliÈs. Vous trouverez

concerpassonsantchacune des classes dans l'annexe A o˘ les propriÈtÈs etplusle mÈthodedÈtails
des classes sont listÈesde maniËre exhaustive.
4.1 La classe Window
Cetteclasse fournit des mÈthodes utiles d'a-chage, parmi lesquelles on trouve des
fenÍtres pop-up de dialogue :
alert() boutons 'OK' et 'Cancel'
confirm()
prmpt() unefenÍtrededialogue avecune zone texte
MÈthodeonpeutiise ceta-chemÈthode pour faire a-cher les valeurs desvariables. La
gure
alrt() La mÈthodealert()est tËs utile pour le dÈboggage code :
4.1 illustre l'apparition d'un fenÍtre pop-up de dialogue aprËs l'appel ‡ la mÈthode

alert().

Fig. 4.1 § Pop-up

alert()

Cette fenÍtre est obtnue gr‚ce ‡ la ligne de code suivante :

windw.alert("Texte affichÈ par window.alert()");

en millisecondes). Par exemple : 25
D'utres mÈthdes permettentd'ouvrir et de fermer de nouvelles feÍtres de
chang leur apparence. Une autre mÈthode trËsutile est la mÈthode setTimeo t().
Elle permet 'exÈcuter un code JavaScriptaprËs unlaps de temps donnÈ (indiquÈ
 4.1. LA CLASSE WINDOW

setTimeout("alert('bonjour');", 500);

fera apparaÓtre la fenÍtre de dialogue une demi-seconde aprËs le chargement de la

page. mÈthode permet de poser une question ‡ l'utilisateur,

MÈthode confirm()
qui rÈpondra en appyant soit sur "Ok" soit sur "Annuler". Si "Ok"est appuyÈ, la
fonction retourne true , Cettesi"Annuler" est appuyÈ, elle rend false.
MÈthode promt() ‡ = prompt ( [,initial ]))
Ctte perm de lire ne qestion, spÈciÈe par la chai
12 messagemÈthodeisir uneStringvale d'appuyer nsuite u "Ok". On peut spÈcier
la valeur saisie sous l' formel'utilisateur,dnechine de caractËre. Si le progrmme atend une
valeur numÈrique, il faut la convertir avec des focntions comme rseInt quenous
par dÈf ‡ ide d xiËmeparamËtmessageoptionnel initial.Lafonction rend
avons vu en section 2.6.4, page 16. ‡ l'ut son age, en supposant que 20 t
Dans l'xemple suvant, on
une valeur qui fe l'aaire demandedans no brex cas. On convertit ensuite la rÈponse
sous forme de chaine en une valeur numÈriqlisateur.
reponse = prompt("Quel estvotre age ?","20");
age = parseInt(reponse,10);
MÈthodeopen()
nouvelle fenÍre de naviga-
Cette mÈthode prmet d'
vrir
teur. Ce type d'cton est utilisÈ engÈÈral ou a-unechr des informations
annexes
qui ne doivent pasinterfÈrer avec la fen principale. Le prototype de la fonction
est : crollbars des scensursfenÍtre, dÈpixelsl i vaut yes

unecha
options w = open ( URLtitre [,options,]))
windowctenant une liste de mts-clÈs, sÈarÈs par des
URL spÈiant l'URL ‡ charg de la fenÍtre. L'URL
titre peut Ítre un chierou une page int rnl'ouverture.
un titre ‡ la nÍtre. qui indquentquel virgulesappa-
(ne pasinsÈrer d'espaces dans cett
rence doit avoir la nouvlle comme parexemple sa taille. Suit
quelques unes des options qu'il estpossiblchaine), de spÈcier.
123

height hauteur de la
resizable utorisele redimensionnem mentdela fenÍtre si yesspÈciÈ.
width de la
(placedisp blepas r a-largeurch1 barre d'outis, etc). Voici deuxl'adresseexmples :
tatus -che une barre vaut yes
d'Ètat
Si ne toolbar d' URL È
barre 'outil avec bouons de navigation

Ècie fenÍtre rte era vierge. Si on prÈcise pas d'op-

tions, certaies options seront
location crÈ fenÍtre p mettant de saisir
activÈesouv
lon contexte
non, automatquement
if (confirm("ouverturen("http://www2

w1 = wndow.op
 CHAPITRE 4. UTILISATION DES OBJETS
456

= windowopen(","nouvelle","width=200,height=200");

w2.docuent.write("<html><body><H1>Bonjour</H1></body></html>");
}
La ligne 2 permet d'ouvrir dans une sans barre d'outil, a page d'un moteur
de rechrche. La line 4

imprim un message ‡ laouvrelign 5.

une fenÍtrevierge, de petite taille, dans
on
Les cadres (frames) Les cadres
ont pardes objet
de classe
imbriquÈs de tels objets. A
onutilise window.parent.parent pour accÈder laquelle‡fenÍtre
l' ntÈrieur 'un cad presentÈs,onut faire rÈfÈrence‡

Window. Quandunepage conti s cad s, l'o bj dectteclasse contientun

tableaucontenant‡l'aide de parent ou simplem parent . Pour des cadres

originelle doublement,simplem window.top .

4.2 b La classe Docu

est probablement fond
L'objetdocume le plus utlisÈ. Les propriÈtÈs de cet objet font
rÈfÈrence au contenu de votre page web. Parmi celles ci, on trouve :
gColr la du texte
forms odified couleurchaine onnant la date de derniËre modication
Form
images Image
linkastM untableaud'objets
Link
La pupart de cs sont nitialises avec les balises HTML. La propriÈtÈ
gColor par exmple, est celle qui est spÈciÈe par l'attribut BGCOLOR dans la
balise <BODY> de la age. nt des tableaux d'images, de
Notons que pur les propriÈtÈs
ou de liens, on accËde ‡ un ÈlÈmentprÈsentrticulier utilisant la notation tableau,
sachant que le premierÈlÈment est numÈrotÈ 0. Aisi,en pour accÈder ‡formumlairestroisiËme
image d'une page, on peut Ècrre :
var i3 =document.i ages[2]; m doit Ítre spÈ-
Par commoditÈ,on peut Ègalement y accÈder par son nom. Le
ciÈ par l'atributNAME de la balise. Ainsi, si la blise dela trisËme image est
<IMG src="toto.gif" name="toto"> alors onpeut rÈfÈrece‡ cette image
par document.images["toto"] . Cette mÈthodeest largfairement conseillÈe pour obte-
nir des codes facilement modiables.
4.2.1Laclasse Image peuvent Ítre stockÈes par un obj de cete

L ant les imag ns

classe. L propriÈtÈs de cet objet recensent entre autres l'URL de l'imag,son Èat
de informatint, ses dimensios, etc. EnupermetËche

re charg,on veut l'imagconcer'image du point vert (greenball.gif) passetransformedessus

jaune (right.gif) la . Bien s˚r,ilquelquesfagÈrer l'ÈvËnement

-
Pour illustrer simp ntlamaniulaion 'images,voici liges l'ocu-
t tde changer quand lepointeurd la souris .
qui se produitq
HTML le code sivant.quand
4.2. LA CLASSEDOCUMENT

a href="#"
img name="image1" src="greenball.gif" border=0>
ver="document. . ight.gif'"

Nous onMouseOut="document.images[0]src='g eenball.gif'">

vons</a>ici deux HTML : celle qui crÈe un li celle qui crÈe
une ima . L'instruction de crÈatin de lien comporte une instrucetion
fontion del'ÈvËnemntnstructions.Ilimp ortant de dÈnir la gestion de l'ÈvËnementJavaScriptavan
de crÈer l'image par la balise <IMG> .

t
qui charge les chiers right.gif ou geeball.gif dans la placerÈservÈe ‡l'image en
4.2.2 La classe Form les prpriÈtÈs inhÈ ts

Un objet de typeFormest utilisÈ pour dÈ rireell

class formulaire HTML. Cette est qui contient le plus gand nombre de
dÈrivÈes, comme lemontreclasse gure 3.1. En eet, leformultraitementspeut conte ir
deunombreux objets de types diÈrents, comme des champsdesaisie, des boutons
saisied'sÈlectionu
formulaire commemanipulationceluidegure 4.2.
Pour illster simplement la de formulaire, essayons de contrÙler la

‡ multiples, etc.

veut Fig. 4.2 § Un formulaire d'enregistrement

terdire ‡ l'utilisateur valider le formulaire si il n'a saisi aucun caractËre

Nous dÈnissons donc le formulaire corespondant en HTML la balise <FORM>.

Notons qu'il st nÈcessaire deretvalideranerformulairevale lairefaux au frmulaire (d'o˘ la prÈsencune
dans le champnom. et on associe uneavec ti JavaScript ‡
On donne le nom formulaire ‡ ce le
exÈ er . En renec on exÈcute
fonction lorsquel'utilisateurl'onchoisid'appeler verifie().
.
de return verifie() ligne 4) pour que l'attributactinl'occne soit pas
Pour cettevÈrication, nous aurons besoin de savoir ce que l'utilisateurrÈalisÈsaisi dans
le champ nom du formulaire. 28
 1234
1012 56789

CHAPITREdy>4. UTILISATION DES OBJETS

<html><bfoa ="fo air urn verifi

Donnez oi vot

ac erci.htmlnom:thod ge
p>
Votrion="e m: <inp
xt"
name="nSubmit="reom"yp value()"=" size=20> <br>

submit" nregistrer">
inputtype="reset" value="Effacer"> vÈricatio, c'est-‡-dire Èrre
</bdy<html>rm>
dÈni, il faut Ècri en oi
d formulaireprti <head> du HTML. plaÁons dÈnition de la foncion
la fonction rifie(). Comme

L vÈrication ici ‡ vÈrier que daconsistelef mulaire, le champ nom n'est

p ns chaine de caractËes d'habitude,.Sic'est le cas, une fenÍtre pop-upa-che un
messagune d'erre , le cursur vi dans le chmp nom, et la fonction renvoie
valeur faux pour diquer documentqsaisien'estpous correcte. Dansle cas contraire,la
rempli correctementconsistel formulaire.
fonction renvoie vrai le a-chera la page de remerciements pour avoir
html>ead

<scrpt> . .nom.value == "") {

function
verifie() {

} alet("Le noformulaireestobligatoire");
els(documentreturn true;
.nom.fcus(

}r
.for
false;
script> de la classe Form
</ head>
4 .2 .3 quelques
et le type reset . La ÈlÈmentsbali<FORM> du langage HTML permet d'utiliser d'autres

avons vu dans l'exemple du formlaire rÈcÈdent qu'il Ètait composÈ tro

typNous d'ÈlÈmnts diÈrents : le type input, our le cha nom, type submit
ÈlÈments. Tous lesÈlÈments qui peuvent composer un formulaire paraissent dans
la gure 3.1. Examinons maintenant comment nous pouvons manipuler certains de
ces objets.
Les objets select nus avec des ÈlÈme
de type . Ci-dess ,
On par exmple crÈer des
nous un permettant dechisir untsystËme d'xploitation. Nous
prÈvoyo d'ores et dÈj‡ d'appeler la fonction choix()lorsquselectl'utilisateur aura
choisipeutcrÈonsÈlÈmentformulairedeliste.
4.2. LA CLASSE DOCUMENT

<form>SystË d'xplitation :
<select name="liste" ize=1onChange="choix();">
ux Linux</option> L
MacOs Macintosh
Solari">Solaris</poti
<optionvalue="VousavezchoisiBeOs">BeOs</option>Window95">Windows95</option>
</f</select> d'obtenir l'Ècran de la gre 4.3. On voit ‡ gauche
Ce formulaire nous

l'aspect initialdu menu,permet‡ droite son apparence lorsqu'on clique dessus.

Fig. 4.3 § Un formulaire avec menu nsÈquent, il faut

select

Maintnant nous voulons -cher le choix de teur. Par

l'ut
l'ÈlÈme choisi dans la . Notre n'a pas de nom mais comme
c'est le seul(donc premer), onputliste dÈsignerformulaire document.f . Nous
avns donnÈ un nom ‡ notre :il s'appelle liste et nous le dÈsigner
document.forms[0].liste . Ce type de me des propriÈtrms[0]dÈnies : la
retrouverppriÈtÈ consrvele numÈro de l'ÈlÈment choisipouvons(lÈlÈments
numÈrotÈs du haut vers le bas,menuetlpremier est 0). L diÈrents attributs
values eux tockÈs dans la propriÈtÈ opti possËde,quiestuntableaude chaine.sont
Nous avo l‡ informations nÈcessaires pour a-cher un message correspondant
au choix faselectedIndexparl'utilisateur. On Ècrit la fonctinumÈrotÈ:
funct on choix() {

ivari,s; selectedIndex;
s=document.forms[0].liste.options[i].value;
window.confirm(s);
4.demandeUne4.}foisdÈterminÈconrmationlemessage‡l'utilisateurdevalue.Cette30du formulaireconrmationassociÈestillustrÈeavecle choixparlafait,gureon
CHAPITRE 4. UTILISATION DES OBJETS

L
es objets Fig. r4.4 § FenÍtre a-chant la sÈlection et demandant conrmation

boutons radio sont d

cet exemple, nous voulons
boutons p un choix unique parmi plusieurs
Ègalemmettanta-cherle choix fait par l'utilisateur
otions. Grphiquement, l fait de cliquersur un des boutons entraÓne la dÈ-sÈlecion
des autres boutons. La gure 4.5prÈsnte un exemple de choix par boutons radio.
aprËDans qu'il ait appuyÈ sur le bouton A-cher
choix.

Fig.4.5 § SÈlection par bouton select , il et

radio

Le bouton radio fait partie du langage HTML : comme le boton

ni dansun formulaire HTML. Pour crÈer l'exemple de la gure 4.5, nous avons
dÈformcritle formulaire="formu: age>
15 1516 moins <br>
2630
31- avez315-30 ans<br>
namage"type="radio"value="45+">v">vousavez 50 ansou plus<br>
input type="button" value="Afficher chix" nClick="afficheChoix();">
Il</for>estimportant que les noms donnÈs aux dans le formulaire soient tous ls
mÍmes, car c'est armices boutons de mÍme m que le choix unique est autorisÈ.
d'a-cher le texte correspondant au bouton 31 sÈlectionnÈ. S. Genaud
La derniËrelignedu formulaire, associe auboutons permettant de valider le choix, la

fonction JavaScrip appelÈe quand on appuie sur bouton. Cette fonction permet
 est
4.2. LA CLASSE DOCUMENT le code dÈcrit une boucle vÈriant

dÈterminer quel

‡ tour pour chacun desboutons,sÈlectionnÈ,propriÈtÈcheckedest vraie. Si c'est le ca, on

Pourvre une fenÍtre a-chant le texte lassociÈ au bouton. Le code de la fonction
estourle
suivant :function afficheChoix()
{ .formu age. chcked)
nb = document.formu age. length;
varfo(var =0;i< nb;i++) {

}
} alert(document.formuage[i].age[i].value)

32
Bibliographie
Goo98]ECM99]BAS
CoreECMADannyStig1998st/EcmaReportPHPLars.SÊthTorbDocumentation.GoodmanjavascriptECMAStandard-262.Bakke,Wilson,pdf-262,..ecmaJavaScriptreferenECMA,RasmusGroup,Alexander-262cecmascriptom/docs/manuals/js/core/jsref/indexDecember1999Lerdorf,Bible1Aulbach,..4..andlanguagespeciIDG1999EgonZeevSuraskiTechnical.Books,ftpSchmid,://ftp3rdcation..report,editionecmaJimWinstead,PHP..Techniclch/ecmManuedition,Nets a--.

[Net98]+

cap Communications Corporation, October 1998.

http ://developer.netscape. .htm.

33
BIBLIOGRAPHIE

34
Annexe A
Objets - manuel de rÈfÈrence
A.1
anchorchor) est repËre dans une page. L'utiitÈ de l'ancre est de pouvoir

Ceci n'st gÈÈralementuntilisÈ que quand la page estlongue. zone d'une page. An
examplancreof (an anchor would be
Unener l'utilisteurdirecementsurla zonedelapagemarquÈeparcerepËre.
Syntaxe <A NAME="mon-ancre">
<A HREF="#mon-ancre">
qui fait rÈfÈrence ‡ l'ancre dÈnie par

aucune
PropriÈtÈs
MÈthodes

A.2 array
Les tableaux servent ‡ tocker d'autres objets. comme par exemple plusieurs champs
dans un formulaire LesdiÈrents ÈlÈments sont rangÈs dans un tableau dans l'ordre
o˘ ils apparaissent.
PropriÈtÈs
MÈthodes
auculength
A.3 button dÈnis dans un formulaire. La propriÈtÈ

L'objet button ainsi que ses propriÈtÈs

value est le texte apparaÓssant sur le boutonsont.
Syntaxe <INPUT TYPE="button" name="Name"value="value">
name et value
PropriÈtÈsMÈthod

click()
EvËnemntse
onBlur, onClick, onFocus,35onMouseDown, onMouseUp
 .4. CHECKBOX

A.4 checkbox

Une checkbox a l'apparence d'une boÓe carrÈe qu'on sÈlectionne ou dÈselectionne

par unclic desouris. Les sont dÈnies ‡ l'aide de la baise <FORM>.

Syntaxe <INPUT TYPE="checkbox" name="Name"
value="value">
PropriÈtÈs checked, defaultChecked, name, and value

MÈthod blur(), click(), focus()

EvËnements onBlur, onClick, onFocus

A.5 Date de manip ation. JavaScript

L'objt date est un objet dotÈ de nombreuses mÈtho
les dates comme lenombre de millisecondes (ms) ÈcoulÈes depuis le 1er

aucune
mÈmoriseJanvi1970.

ate courante
PropriÈtÈs u mois de la

MÈthodeste()

Day()
Hours()
jour lasemainedelada courante
getYearzoneOset() 'a secondesnÈeladeate courante
inutes() s minut de la
Seconds() la date
Month()
Time
mois
avec GMT
la te courante

valeur horire en
inutes(m) de la d courante

parse(d)
Hours(h)Datej) rendl edÈcalagenombrnumÈriquedems coulÈesminutesntre
mo uted
etle1/1/70
nombre n

jour j
L'objetAUTC(a,m,j)toset.LocleString()GMTString()6Year(d)ddocumentcontientcovertitladateunedatemet‡jourlrenlesdonformtionslenombreaudesurmspourleentreunedocumentlocaleGMTladat courntetlea1/1/70.Ildefournitmsdepuisaussi le 1/1/70
h
date

Seconds(s)Month(m)
lajourladate ‡aula secondeim

Time(n) 'annÈdate Ètant donnÈ le s

des mÈthdes pour a-cher du formatHTML dans le n vigateur.
texte
36
ANNEXE A. OBJETS - MANUEL DE RÉFÉRENCE

PropriÈtÈs

linkColor 'un lien actif

anchors tabaurgroupant les ancres du document

bgColorlor couur e fond
'avant plan
cookie
f ableau des lieformulaires
inkorms
astMdied date niËremodication

ocation u document ourant

title
referrer
titre de la page
URL e prÈcÈdemment visitÈe
MÈthodes vlinkColor f couleur d'un lien visitÈ
open()
close ouvert par la
open() ouvrrme un ux pour a-chagemÈthodetexte avec write()
getSelection() nd la chaine dans le document courant
selectionnÈe
ln( permet
a-chelesexpressio
checkboxes, dans le document.

write des zones

)
1; ::; n
1; ::;

<FORMSyntaxechamps,L'objet A.7NAME="name"formform de )TARGET="target"detxteidemcrÈerdesmaisunboutons,formulaireajouteACTION="file"desu.Lretour‡formulaireslaligneetc.peuventcontenirdes

1; : ; n

METHOD="POST/GET" ENCTYPE="encodingtype"> tats doivent all ACTION dÈni

o˘TARGETdÈsig la fenÍ dans laquelle les Ès

quelle action doit Ítre entrepise quand le fo m laire ‡ ÈÈ . Ce peut
entre autres un nom de chier HTML ‡ un script cgirempli‡xÈcuter, ou Ítreun
a-cher,
adresse electronique vers laquelle envoyer un courrier. METHOD peut prendre les va-
leurs OSTou GET, qui dÈnissent comment la rÈponse est envoyÈe au serveur.
PropriÈtÈs action, elemnts, encoding, length, target, button, checkbox,
ENCTY Eindique l'encodage MIME ‡ utiliserdansle transfe .

hidden, password, radio, reset, select, submit, text,method,textarea

MÈthodes submit()
A.8 frame
L'objet permet de manipuler les cares. Un cadre est une division de la page
web pluiursframe zone. La balise <FRAMESET>permet diviser une zone en deux,
chacueen des
zones pouvant Ítre nouveau37divisÈe en deux. S. Genaud
A.9. HIDDEN

Syntaxe

ROWS="x1,x2" COLS=
</FRAMESETET>RC="file" NAME="name"y1,y2"> par
ROWSspÈcie l nombres de lignes dans le premier cadre et le deuxiËme la
x1etx2 respectivement, qui sont soient desentiers, soit des pourcentages
divisÈe. De la mÍme maniËre, COLSspÈcie la largeur des cadres.SRCincadreiquezonequl
chier doit Ítre chargÈ dansle cadre.
PropriÈtÈs
nam
es
length
fraprent
self
MÈthodes window
clearTimeout(), et setTimeout()

A.9 hidden
L'objet hidden est un champ texte invisible pour l'utilisateur, permettant d'ajouter
des informations prÈ-dÈniesdansun formulaire. VALUEest
Syntaxe <INPUT TYPE="hidden" NAME="name" VALUE="value"> o˘
la valeur du champ.
PropriÈtÈs
name et value
MÈthodes
: aucune
A.10 history
L'objet history contient des informations sur la session de navigation en cours. Les
informations sont essentiellement les URL des sites visitÈs.
PropriÈtÈs
length
MÈthodes back(), forward(), et go() etcartesinÈrÈesdans

A.11 ImageImagecontient informationsconcernantles

L'objetniblesdocumentpourNetscapeHTMLdisponibles‡3,l'aideNetscapedesbalise4etNetscapeInernet<IMG>Exploreret<AREA>images4‡l'xception.LspropriÈtÈsdessontpropriÈtÈsdispo-x yuniquement

dans 38 4.
ANNEXE A. OBJETS - MANUEL DE RÉFÉRENCE

PropriÈtÈs border

complete boolÈen indiquant si l'i age t complÈtement

a-chÈe
eight hauteur de l'image en pixels
lowsrcname similairenomdu chier image
hspace ‡src, mais pour des images longues ‡ charger
x absciss du coin haut- de
vspace vleurde l'attributdemÍmenomdanslabalise<IMG>
width
MÈthodes y l'ordonnÈe du coin hautgauche- del'image

aucune
A.12 link " NAME="name" avecHREFl'URL

Syntaxe <HREF="locati
chier ‡ charger quand onclique sur le lien,TARGET="target">estle nom de la fenÍtre
dul'a-cher
. ncre dans l'URL
PropriÈtÈs pathnameroocol

dÈbut de l'URL (http,ftp,...)

ort nom du serv
port que le serveur utilise
dans l'URL
st adresse IP du serveur
hef URL complËte / dans l'URL
search texteaprËslesymbole ? dans l'URL
MÈthodes target o˘ a-cher la page de cette
URL
aucune
A.13 location
L'objet location contient les informations sur l'URL courante.
PropriÈtÈs pathnameroocol
ncre dans l'URL
dÈbut de l'URL (http,ftp,...)
ort nom du serv
port que le serveur utilise
dans l'URL
st adresse IP du serveur
hef URL complËte / dans l'URL
search texteaprËslesymbole ? dans l'URL
MÈthodes target o˘ a-cher la page de cette
URL
aucune 39 S. Genaud
A.14.14.MATHMath

PropriÈtÈs E2 constante d'Euler2( ( ) 2:718

N10 logarithmede10 ( 0:693)

)
PILOG10E2E vleur 2:302

RetrnsthebasedePi(102logarithm)ofofe,e,about10.42.434

_2
31:14159
SQRT2 racinecarrÈede2 (( )
MÈthodes bs(x) valeur absolue1de:414)
0:707

cos cosinusnus de x

tan(x) sarc de x
a tangente xde
exp(x)os(x)il( x supÈrieur ou Ègal ‡
c de x
x
oor(x)
e 'entierimx alÈatoireiatementinfÈrieur ou Ègal ‡

log(x) logarith de x
pow(x,y)andom()ax( aximumd x
min 'entierminium d x ety
x ety
round(x
un nombreleplusprochentrede 0 et 1
xy

in(x) sinus de x
sqrt(x) rendl a p
x
tan(x) x tangente de
PropriÈtÈsCetA.15objetpermetnavigatorappd'obtenirVersionCodeNamedes informationsrendlenomcusurÈrdeo mlecodemrcialnavigateurversiondunavigateurduduvisitant(Mozilla)page.
x

plt du
MÈthodes userAgent

ucune
A.16
L'objetapparaissentpasswpasswordcommecrÈÈdesunastÈrisques,champtexterendantcommelal'objetsaisecontext,dentiellemaislesauxcaractËresyeuxd'autresaisis

personnesquel'utilisateur.
Syntaxe <INPUT TYPE="PASSWORD" NAME="NAME" VALUE="VALUE"

SIZE="SIZE"> SIZEest la largeurdu champ en nombre 40de caractËres.

ANNEXE A. OBJETS - MANUEL DE RÉFÉRENCE

PropriÈtÈs defaultValue initile du champ

A.17 value ante du champ

va eur co

select() SÈlectionne le texte saisi

MÈthodes nme nom du champ

blur() Enlve
focus() AmË
u champr
curseur dans le champ
Les
bjets radiossont des boutons ne permettant a l'utilisateur de ne choisir qu'une

ptio parmi plusieurs. " VALUE="Value" {CHECKED}>

Syntaxe <INPUT TYPE="radio" NAME="Na
alors le bouton est prÈ-sÈlectionnÈ au chargement du formulaire.
o˘VALUEestle texte apparaissantsur le bouton. En spciant l'attribut CHECKED
PropriÈtÈs checked si le
‡ ÈtÈ sÈlectionnÈ
defaultChecked indique quelbouton dit Ítre prÈ-selectionnÈ

lengthme donne le nombre de b utons

nom au(x) bouton(s)
object
permetdedonnerune valeur au(x) bouton(s)
MÈthod value
click()
EvËnements onBlur, onClick, onFocus

A.18
Le bouton resetpermet de rÈinitialiser un formulaire.
Syntaxe <INPUT TYPE="RESET" NAME="NAME" VALUE="VALUE">o˘VALUEest le
texte sur le bouton.
PropriÈtÈsapparaissantme
e nom dubuton
MÈthod value Lachaine associÈe au bouton

click()
EvËnements onBlur, onClick, onFocus

A.19 select
Syntaxe SELECT NME="NAME" SIZE="SIZE" {MULTIPLE}>
<OPTIONVALUE="optio"> Texte </SELECT> 1), MULTIPLE, s'il
o˘ SIZExe le no bre d'options vant de dÈroulrle menu
est prÈcisÈ fait du mnu ue liste ‡ choix multipe. L'ttribut<OPTION VALUE="option">
ajoute une option de me u ‡ chaque fois qu'il estajoutÈ. (dÈfautIl donc un attribut
OPTIONpour chaque option du menu. 41
S. Genaud
A.20. STRINGlength bre

PropriÈtÈs
name
options
Met‡jourlenomdumenu
des ntesd'options du menu
selectedIndex RendTableaunumÈrodiÈre l'option choisie
MÈthod
: blur(), et focus()

EvËnements onBlur, onChange, onFocus

A.20 string
PropriÈtÈs length dans grande police
MÈthodes ig
link ligotant
bold olor A-chelachain
couur fond d'a-chage de la
en aratËres gras
xed ans une police position‡ille xe
e
charAt Rend caractËre ‡ une rtaine dans la chaine

fontsize La tai e de la police de la dans la chaine

italics Rendale premËre italiqud'a-chaged'une

souschaine-
astIndexOf Cherche la der iËre d'une valur dans une chaine
trike
mall
avecoccurencebarre en travers
a-che La petite police

l ink comme lien

A.21 submit
Changela chaine enmajusexposantcul
toUpperCase

(superscript)
Lower se chain indic e(subscrip t)

substring RÈfÈrenceuneA-chel sousen-

a
ode

L'objet submit est le bouton permettant de valider un formulaire. o˘ VALUE est

Syntaxe <INPUT TYPE="SUBMIT" NAME="NAME" VALUE="Text">

le texte a-chÈ sur le

bouton.
PropriÈtÈsMÈthod
name, et value

click()

EvËnements onBlur, onChange, onFocus

A.22 text
Un objet text est un champ de saisie sur une ligne permettant de saisir toute chaine
alphanumÈrique.
42
ANNEXE A. OBJETS - MANUEL DE RÉFÉRENCE

Sytaxe <INPUT TYPE="text" NAME="name" VALUE="value" SIZE="size">o˘

VALUEest le texte a-chÈinitialementdans le champ, etSIZEest la largeur du champ

ennombre de carctËres.
PropriÈtÈsMÈthod
defaultValue, nam, form, type, value

focus, blur, and select

EvËnements onBlur, onChange, onFocus, onSelect

A.23 textareapermet ‡ l'utilisateur de saisir plusieurs lignes de textes dans un

L'objet t
formulaire. <TEXTAREA NAME="name" ROWS=rows COLS=cols
Syntaxe

WRAP="off/virtual/physical">Text</TEXTAREA>
o˘rowsspÈcie le nombre de lignes du champ, etcolsle nombre de caractËres par
ligne.
PropriÈtÈs defaultValue, name, et select

MÈthod focus, blur, etselect

EvËnements onBlur, onChange, onFocus, onKeyDown, onKeyPress, onKeyUp,
onSelect

A.24 window= .open("URL", {,"Options"}) .

Syntaxe
o˘URLest l'adresse de la page ‡ ouvrir,"NAME" est le om de la fenÍtre, et Options
sont des paramËtresoptionels comme la taille de la fenÍtre, etc. barre de statut
PropriÈtÈs efaultStatus ssage a-chÈ par dÈf
dans
tableaud'accÈdnten les cadres de
la fenÍtre
document Prmet
afenÍtre avec ascnseur utilisÈe pour un tableau

docume u documentcournt
loca ion 'URL courant
framerent afenÍtre englobante
n bredu la fenÍtre
engh danslafenÍtre
S. Genaud
de cadr
window RÈfÈrence43‡lafenÍtrecourante

elf L nomssage elle-mÍme

topstatus dela barremËredstatut
A.24. WINDOW

MÈthodes aertlose Ferme le documnt OK/Cancel

open()conrm Ouvre une nouvelle fenÍtre
prompt() CrÈuneboitededialogue type ssge+zone de saisie+OK/Cancel
clearTimeout() Annule l'eet de la commande setTimeout()

setTimeout() ExcuteÈ le code JavaScriptaprËs un certain nombre de millisecondes

44
 <
Index FORM>9

cohaine10,adres,lasse,mmentaires,pilation,2127165 11

Fo
Stingscript>cument ,28
,22
,6

Windowalrt()bgColorcd , 5727

fo
edntier,xpression,Èclynmiques,nctions, rmulaire,nversionaration,1014de2811915,type,18 16

for lgColorhmaesen,firm()msks,13at()kd12,,2727,,272232,75, 26

globales,inmage,terprÈtÈ,crÈmentation,itialiser,2714116 9

op , 26
historyastModifiedsNaN()ocaion
tions ,
g, 16,
30
1722 , 2716

16,
17 cales, 14
opÈrateurs,motlopropriÈtÈs,tableau,ngueur-clÈ,,9159de2110tableau, 16

re l urn 29 14 26 ,17
sprompt taetarseIntubmhis ectation,Tmeout() itctFloat()2330 29 ,612, 9 ,25,25 26

variableypesest,leurs,12de 10locale,globale,donnÈes,141410

45 ÈgalitÈ,vËnements,9 18
whilluevaborgument,ucloString()olÈ9n,121213,1315