Création Site Web
Liene2 MASS
Sébastien Verel
vereli3s.unie.fr
www.i3s.unie.fr/
∼
verelÉquipeSoBi-UniversitédeNieSophia-Antipolis
5 novembre 2008
1
Savoirérire dujavasrpitdans unepage XHTML
2
Connaitreles types, les tableauxetles variablesen javasript
3
Connaitreles struturesde ontrolejavasript
4
Connaitreles itérationsjavasript
5
Connaitrel'ériture desfontions javasript
Javasript :
langage de sripts
inorporé aux balisesHtml
améliorerlaprésentation
améliorerinterativité despagesWeb
JavaSript n'est pasJAVA
Java :langage de programmationtrès omplet
ompilé,réellementobjet, ode protégé,typage fort,
performanes, séurité,...
Javasript:synthaxede hautniveau
simple, faile,intégré dansHTML, interprété,basésur des
objets,faiblementtypé,sansondentialitépossibledusoure.
JavaSript partageles mêmesobjetsDOM(DoumentObjet
Model)que euxde doument HTML.
Validerdeshampsde formulaires
Enregistremantet leturede ookies
Modiationdynamique del'aspetde ertains élémentde la
page
Ahage et masquagedeséléments
Déplaements desélémentsde lapage
Capture de ertains événementset modiation de lapage en
onséquene
Délement de ontenu
Intefaçage aveuneappliation té serveursansquitterla
page
Le afé
3 méthodes:
dansl'élément sript(head ou body) :
<sript type="text/javasript">
...
</sript>
ode externe(head ou body) :
<sript type="text/javasript" sr="devine.js">
</sript>
lorsd'un événement(body):
<body onload="affihe()">
...
</body>
alert("and the winner is");
Erire unepage quiahele nomdu futurprésidentdes
Etats-Unisdansune fenêtre.
Erire unepage quiahele nomde l'anienprésidentdes
Etats-Unisdansune fenêtrelorsqu'on liksur unlien.
Numérique :
2 , 2.90 , 314e-2 , 0xAA , 0777
booléens:
true , false
haînes de aratères:
"ouou!" , 'ouou!' , "moi je dis : \"oui !\"\n"
tableaux:
t[0℄ , t[1℄
tableauxassoiatifs:
t["Caen"℄ , t["Nie"℄
struture de ontle:
testbinaire:
if (a == 0)
alert("youpi");
else
alert("tant pis");
bouleànombred'itérationdéni:
for(var i = 0; i < n; i++)
bouleànombred'itérationindéni:
while (ontinue) { ... }
Pas de typage expliitedesvariables(ommeen mapple)
var x;
/* omme en java... */
// omme souvent pour une ligne
Pas de typage expliitedesvariables(ommeen mapple) :ajouter
des ommentaires
// x : entier, valeur saisie
var x;
Erire unsriptjavasript quiahesuessivementles
nombres de 1 à6.
Erire unsriptjavasript quialulelamoyenne desnombres
d'un tableau.
fontions :
motléfuntion
situéesen généraldansl'élément head
paramètres,argumentsdelafontion:
nontypé
valeurnale:
return
paramètres:
pasd'obligationdepréseneàl'appelde lafontion
Petitjeuoùl'ondoitdevinerunnombremystère
Algorithme deviner(n :entier) :rien
début
variable a:entier
a
←
n−
1tant quea
6 =
n faireérire("Proposer unnombre")
lire(a )
ntant que
érire("vousavez trouvé")
n
a- Erire unsriptjavasript quiréalisel'algorithmepréédent.
b - Ajouter untest pour indiquersi lenombreproposéest plus
petitou plusgrand quele nombreà deviner.
- Modierl'algorithmepourlimiterlenombre de tentativesà5.
pour uneentrée au lavier:a=prompt("message");