c
c
c c
`
`
Balises <SCRIPT> et </SCRIPT> Balises <SCRIPT> et </SCRIPT>
`
`
Protocole JavaScript: dans une URL Protocole JavaScript: dans une URL
`
`
Attribut de balise pour la gestion Attribut de balise pour la gestion d'évènements
d'évènements
M M
M M
M M
M
M
§
§
`
`
S'il écrit dans la page S'il écrit dans la page @ @ le mettre à le mettre à l'endroit où il doit écrire
l'endroit où il doit écrire
`
`
Sinon, dans l'en Sinon, dans l'en--tête tête
±
± Définition de fonctionsDéfinition de fonctions
±
± Définition de variablesDéfinition de variables
c c
`
`
emple: emple:
<A HRJavaScript:«>
<A HRJavaScript:«>
. . . . . .
</A>
</A>
!"#
!"#
`
`
<BALIS onvenement . . .> <BALIS onvenement . . .>
onClick onClick
onChange onChange
onMouseOver onMouseOver onLoad
onLoad onMove onMove onSelect onSelect . . .
. . .
c
c @ @ $% $%
c
c @ @ $& $&
"c "c
`
`
ariables: pour stocker et manipuler ariables: pour stocker et manipuler des données
des données
±
± Pas de type prédéfiniPas de type prédéfini
±
± ariables globales et localesariables globales et locales
`
`
Objets Objets
`
`
onctions onctions
' '
`
`
booléens booléens
±
± document.nomform.checkbodocument.nomform.checkbo .checked.checked true
true
`
`
numériques numériques
±
± var pi.var pi.
`
`
chaines chaines
±
± var monNomvar monNom BakhousBakhous
"
"
w valeurs:
w valeurs:
±
± truetrue
±
± falsefalse
- -
`
`
@ @
`
`
@ @
`
`
@ @
`
`
.w .w
`
`
.w .w
`
`
.we .we
`
`
w w--
() # () #
`
`
Délimitées par '«' ou « Délimitées par '«' ou «
`
`
Concaténation: + Concaténation: +
`
`
Caractères spéciau Caractères spéciau
±
± \\'' pour 'pour '
±
± \\ pour pour
±
± \\\\ pour pour \\
±
± \\nn aller à la lignealler à la ligne
±
± \\tt tabulationtabulation
±
± \\bb retour arrièreretour arrière
$
$
`
`
var tabnew Array(); var tabnew Array();
`
`
var tabwnew Array(); var tabwnew Array();
`
`
var tabtabw; var tabtabw;
copie dynamique copie dynamique
`
`
var tabeval(tabw.toSource()); var tabeval(tabw.toSource());
copie statique copie statique
`
`
accès: tabw accès: tabw , tabwi , tabwi
$
$
var
var mon_tableaumon_tableau new new ArrayArray('Bonjour','('Bonjour','HolaHola','','GutenGuten Tag','Hello','Tag','Hello','TchingTching tchingtching tchongtchong');');
document.write
document.write('Je vais vous dire bonjour en français : '+('Je vais vous dire bonjour en français : '+mon_tableaumon_tableau +'<+'<brbr/>');/>');
document.write
document.write('Je vais vous dire bonjour en espagnol : '+('Je vais vous dire bonjour en espagnol : '+mon_tableaumon_tableau +'<+'<brbr/>');/>');
document.write
document.write('Je vais vous dire bonjour en allemand : '+('Je vais vous dire bonjour en allemand : '+mon_tableaumon_tableauww +'<+'<brbr/>');/>');
document.write
document.write('Je vais vous dire bonjour en anglais : '+('Je vais vous dire bonjour en anglais : '+mon_tableaumon_tableau +'<+'<brbr/>');/>');
document.write
document.write('Je vais vous dire bonjour en *e('Je vais vous dire bonjour en *e¨¨:ù%*µ£¤@! : '+:ù%*µ£¤@! : '+mon_tableaumon_tableau +'<+'<brbr/>/>
*
*
`
` var var noms_enfantsnoms_enfants new new ArrayArray(( ZinebZineb', Adam',¶', Adam',¶WafaeWafae');');
var
var taille_tableautaille_tableau ; ; taille_tableau
taille_tableau----; ;
`
` /* Il y a cases dans le tableau, mais la case n/* Il y a cases dans le tableau, mais la case n°° d'un tableau d'un tableau commence à , et non . Donc on décrémente une fois la
commence à , et non . Donc on décrémente une fois la variable */
variable */
document.write
document.write('oici les membres de la famille : ');('oici les membres de la famille : ');
for(var i ; i <
for(var i ; i < taille_tableautaille_tableau; i++); i++) {
{
document.write
document.write((noms_enfantsnoms_enfantsi +' '); /* On affiche les noms i +' '); /* On affiche les noms
*/
*/
} }
`
` var var noms_enfantsnoms_enfants new new ArrayArray(( ZinebZineb', Adam',¶', Adam',¶WafaeWafae');');
var
var taille_tableautaille_tableau noms_enfants.lengthnoms_enfants.length;;
taille_tableau taille_tableau----;;
document.write
document.write('oici les membres de la famille : ');('oici les membres de la famille : ');
for(var i ; i <
for(var i ; i < taille_tableautaille_tableau; i++); i++) {
{
document.write
document.write((noms_enfantsnoms_enfantsi +' '); /* t on affiche les noms */i +' '); /* t on affiche les noms */
} }
§ +
§ +
`
`
Classe Classe famille d'objets de mêmes famille d'objets de mêmes structure et comportement
structure et comportement
`
`
Objet Objet
±
± Propriétés: caractéristiques des objetsPropriétés: caractéristiques des objets
±
± Méthodes: outils s'appliquant Méthodes: outils s'appliquant
±
± Constructeur: outil permettant de créer Constructeur: outil permettant de créer un objet d'une classe
un objet d'une classe
±
± vénements: au quels répond l'objetvénements: au quels répond l'objet
`
`
Objet en cours Objet en cours: this : this
§ c ("(
§ c ("(
`
`
Objet document Objet document
±
± Objet formulaire Objet formulaire @@nomformnomform
`
`Objet champ Objet champ @@nomchampnomchamp
±
± aleur aleur @@valuevalue
`
`
Le point . sert de filiation Le point . sert de filiation
document.nomform.nomchamp.value document.nomform.nomchamp.value document.title
document.title
document.screen.width document.screen.width
§ +
§ +
window window
document history location document history location
anchors links image forms anchors links image forms
button radio hidden reset button radio hidden reset
submit submit
checkbo te tarea password checkbo te tarea password select te t
select te t
G
G
`
`
Méthodes Méthodes
±
± appliquées à un objetappliquées à un objet
`
`
onctions onctions
u "(
u "(
onctions associées à un objet onctions associées à un objet
±
± document.write()document.write()
±
± document.nomform.submit()document.nomform.submit()
±
± window.open()window.open()
G
G
`
` unction nomfonction(arg, . . , argn)unction nomfonction(arg, . . , argn)
{ instr ; { instr ;
. . . . . .
instr m;
instr m;
Ô Ô Ô Ô Ô Ô }
}
`
` Arguments passés par valeur,Arguments passés par valeur, sauf tableau et objets
sauf tableau et objets
, ,
`
`
instructions séparées par des ; instructions séparées par des ;
`
`
majuscule majuscule È È minuscule minuscule
`
`
'te te' peut remplacer te te quand 'te te' peut remplacer te te quand nécessaire
nécessaire
`
`
commentaires: entre /* et */ commentaires: entre /* et */
ou fin de ligne après //
ou fin de ligne après //
G G
`
`
If (condition) If (condition)
Instruction; {instruction;
Instruction; {instruction;
«;}
«;}
`
`
If (condition If (condition instruction;
instruction; {instruction; {instruction;
«;}
«;}
else else
instruction;
instruction; {instruction; «;} {instruction; «;}
`
`
ariable(condition)?val:valw; ariable(condition)?val:valw;
G
G @ @ $ $
`
`
Réaliser un script qui protège une Réaliser un script qui protège une page web par mot de passe
page web par mot de passe
`
`
Si le Si le psw psw est correcte on affiche la est correcte on affiche la page sinon on indique dans un
page sinon on indique dans un
message qu¶il ya erreur et ferme la message qu¶il ya erreur et ferme la fenetre
fenetre..
%
%
&
&
-.
-.
`
`
switch (variable) { switch (variable) {
case valeur : instr; «; break;
case valeur : instr; «; break;
case valeurw : instr; «; break;
case valeurw : instr; «; break;
. . . . . .
case valeurn : instr; «; break;
case valeurn : instr; «; break;
default: instr; «; } default: instr; «; }
-.
-. @ @ $ $
`
`
break break
±
± sortie d'une bouclesortie d'une boucle
`
`
continue continue
±
± aller directement au début de la aller directement au début de la prochaine boucle
prochaine boucle
`
`
return return
±
± sortie de la fonctionsortie de la fonction
`
` ëë !!
`
` La puissance des ordinateurs vient de leur capacité à répéter un La puissance des ordinateurs vient de leur capacité à répéter un grand nombre de fois des opérations élémentaires. Un langage de grand nombre de fois des opérations élémentaires. Un langage de programmation doit fournir au programmeur des moyens
programmation doit fournir au programmeur des moyens d'e primer ces répétitions de façon concise, grâce à des
d'e primer ces répétitions de façon concise, grâce à des . . JavaScript fournit les instructions
JavaScript fournit les instructions "" et et #$#$ que nous allons que nous allons étudier dans ce TD.
étudier dans ce TD.
`
` %&%&
`
` Boucle forBoucle for
Utiliser les boucles
Utiliser les boucles "" pour répéter une suite d'instructions un pour répéter une suite d'instructions un nombre de fois donné.
nombre de fois donné.
`
` Boucle Boucle whilewhile
Utiliser les boucles
Utiliser les boucles #$#$ pour répéter une suite d'instructions pour répéter une suite d'instructions tant qu'une condition est vérifiée.
tant qu'une condition est vérifiée.
G§
G§
`
`
for for
±
± for(i;i<tab.length;i++) instruction;for(i;i<tab.length;i++) instruction;
`
`
for in for in
±
± for(var i in tab) instruction;for(var i in tab) instruction;
G§
G§ @ @ $ $
-. / § -.
-. / § -.
`
`
while (condition) instruction; while (condition) instruction;
`
`
while (condition) while (condition) {instr; «;} {instr; «;}
`
`
do {instruction} while(condition); do {instruction} while(condition);
`
`
do {instr;«;} while (condition) do {instr;«;} while (condition)
-.
-. @ @ $ $
`
`
`
` Tables de multiplicationTables de multiplication
Créer un document HTML qui demande un Créer un document HTML qui demande un
nombre puis affiche la table de multiplication nombre puis affiche la table de multiplication correspondante.
correspondante.
Table de Pythagore Table de Pythagore
Construire la table de Pythagore en imbriquant Construire la table de Pythagore en imbriquant deu boucles for. (chaque case contient le
deu boucles for. (chaque case contient le
produit de son numéro de ligne par son numéro produit de son numéro de ligne par son numéro de colonne)
de colonne)
Somme des premiers entiers Somme des premiers entiers
Créer un document HTML qui permet d'entrer un Créer un document HTML qui permet d'entrer un entier n, qui calcule la somme des entiers de à entier n, qui calcule la somme des entiers de à n et qui affiche le résultat.
n et qui affiche le résultat.
§ +
§ +
`
`
Objets du navigateur Objets du navigateur
`
`
Autres: Autres:
±
± StringString
±
± ArrayArray
±
± DateDate
±
± MathMath
±
± ScreenScreen
§ +
§ +
window window
document history location document history location
anchors links image forms anchors links image forms
button radio hidden reset button radio hidden reset
submit submit
checkbo te tarea password checkbo te tarea password select te t
select te t
- -
`
`
oir toutes les propriétés oir toutes les propriétés
§ +0 0""
§ +0 0""
&&
&& ëë closed
closed fenêtre fermée?fenêtre fermée?
defaultStatus
defaultStatus message par défaut(barre étatmessage par défaut(barre état length
length nb de cadresnb de cadres name
name nomnom
opener
opener nom fenêtre ouvrantenom fenêtre ouvrante parent
parent si cadresi cadre
self/top
self/top fenêtre courantefenêtre courante status
status contenu barre d'étatcontenu barre d'état
§ +0 0"( 1%2
§ +0 0"( 1%2
u&$%
u&$% ëë alert(chaine)
alert(chaine) Affiche boite alerteAffiche boite alerte back()
back() URL précédent historiqueURL précédent historique blur()
blur() enêtre plus couranteenêtre plus courante close()
close() erme fenêtreerme fenêtre confirm(chaine)
confirm(chaine) Affiche boîte confirmationAffiche boîte confirmation focus()
focus() enêtre couranteenêtre courante forward()
forward() URL suivant historiqueURL suivant historique home()
home() URL page accueilURL page accueil moveBy(hor,ver)
moveBy(hor,ver) Déplacement relatifDéplacement relatif moveTo( ,y)
moveTo( ,y) Déplacement absoluDéplacement absolu open(args)
open(args) Ouvre fenêtreOuvre fenêtre
§ +0 0"( 1&2
§ +0 0"( 1&2
u&$%
u&$% ëë print()
print() ImprimeImprime prompt(chaine,val/defa
prompt(chaine,val/defa ut )
ut ) Affiche boîte entréeAffiche boîte entrée resizeBy(hor,ver)
resizeBy(hor,ver) RedimensionneRedimensionne resizeTo(Wid,Hei)
resizeTo(Wid,Hei) RedimensionneRedimensionne scrollBy(hor,ver)
scrollBy(hor,ver) Défilement visualisationDéfilement visualisation scrollTo( ,y)
scrollTo( ,y) Défilement visualisationDéfilement visualisation setInterval(e pr,msec)
setInterval(e pr,msec) Évalue e pr après msecÉvalue e pr après msec clearInterval(IDinterv)
clearInterval(IDinterv) Supprime délaisSupprime délais setTimeOut(e pr,msec)
setTimeOut(e pr,msec) Évalue e pr après msecÉvalue e pr après msec clearTimeOut(Idchrono)
clearTimeOut(Idchrono) fface fonction chronofface fonction chrono
u "(
u "(
å å
3 44(
3 44( !
3 44( 14(5" 52 63 /"4 47 4 3 44(1 "42 81-291-2412 "$' 47
3 44( !"
3 44( !
0 (3 /"4 1$2 ( (3( /"4(1$2
- 0
- 0 @ @ $ $
- 0
- 0 @ @ $ $
u "(
u "(
`
`
prompt prompt
±
± varprompt();varprompt();
±
± varprompt('te te');varprompt('te te');
±
± varprompt('te te',valeur);varprompt('te te',valeur);
`
`
alert alert
±
± alert(te te);alert(te te);
±
± alert(var);alert(var);
±
± alert(var+te te);alert(var+te te);
@ @ $ $
@ @ $12 $12
§ +0 0""
§ +0 0""
& '
& ' ëë& $' & $' onBlur
onBlur Qd fenêtre désactivéeQd fenêtre désactivée onrror
onrror Qd erreur dans Qd erreur dans fenêtre
fenêtre onocus
onocus Qd fenêtre activéeQd fenêtre activée onLoad
onLoad Qd document chargé Qd document chargé dans fenêtre
dans fenêtre onUnload
onUnload Qd document dans le Qd document dans le fenêtre quitté
fenêtre quitté
§ +""5"(
§ +""5"(
&&
&& ëë href
href URL entièreURL entière protocol
protocol ProtocoleProtocole host
host Nom hôte + NNom hôte + N°° portport hostname
hostname Nom hôteNom hôte port
port PortPort
path
path Chemin du documentChemin du document hash
hash Nom ancrageNom ancrage search
search Info pour cgiInfo pour cgi--bin GTbin GT u&$%
u&$% ëë assign(chaine)
assign(chaine) al al @@ location.hreflocation.href
@ @ $ $
§ +('"""(
§ +('"""(
&&
&& ëë current
current URL entrée courante URL entrée courante hist.
hist.
length
length Nb entrées hist.Nb entrées hist.
previous
previous URL entrée précédenteURL entrée précédente ne t
ne t URL entrée suivanteURL entrée suivante u&$%
u&$% ëë back()
back() Recule d'une entréeRecule d'une entrée forward()
forward() Avance d'une entréeAvance d'une entrée go(nb)
go(nb) Avance de nb entréesAvance de nb entrées go(chaine)
go(chaine) @@ ntrée t.q. chaine ntrée t.q. chaine 88
§ + ""
§ + ""
&&
&& ëë alinkColor
alinkColor Couleur lien actifCouleur lien actif bgColor
bgColor Couleur de fondCouleur de fond cookie
cookie Cookie Cookie
domain
domain Nom de domaine du Nom de domaine du serveur
serveur fgColor
fgColor Couleur premier planCouleur premier plan lastModified
lastModified Date dernière Date dernière modification modification linkColor
linkColor Couleur liensCouleur liens referrer
referrer URL appelanteURL appelante title
title Contenu <TITL>Contenu <TITL>
URL
URL URL documentURL document
§ + "(
§ + "(
u&$%
u&$% ëë close()
close() erme le documenterme le document eval(chaine)
eval(chaine) value chaine value chaine @@ résultat
résultat open()
open() Ouvre nouveau Ouvre nouveau document
document write(e pr,e prw,
write(e pr,e prw,
« )
« ) Écrit e pr HTMLÉcrit e pr HTML writeln(e pr,e prw,
writeln(e pr,e prw,
« )
« ) Écrit e pr HTML + nlÉcrit e pr HTML + nl
c "# . u c "# . u
`
`
document.write(te te); document.write(te te);
"" !+
"" !+ @ @ $ $
!+
!+
`
`
Document Document
±
± images document.imagesimages document.images
±
± formsforms
±
± linkslinks
`
`
ormulaire ormulaire
±
± elementselements
±
± nomoptionradionomoptionradio
§ +(
§ +(
`
`
Créé quand balise <A avec attribut Créé quand balise <A avec attribut NAM
NAM
`
`
Collection Collection @ @ tableau anchors tableau anchors
`
`
Propriété Propriété
±
±name nom de l'ancre name nom de l'ancre
§ +:
§ +:
`
`
Créé quand balise <A avec attribut Créé quand balise <A avec attribut HR
HR
`
`
Collection Collection @ @ tableau links tableau links
`
`
Comprend les zones area Comprend les zones area
`
`
Mêmes propriétés que objet location Mêmes propriétés que objet location
`
`
vénements: vénements:
±
± onClickonClick qd clic lienqd clic lien
±
± onMouseOveronMouseOver qd pointeur sur lienqd pointeur sur lien
±
± onMouseOutonMouseOut qd pointeur quitte lienqd pointeur quitte lien
§ +
§ +
`
`
Créé quand balise <IMG Créé quand balise <IMG
`
`
Collection Collection @ @ tableau images tableau images
`
`
vénements vénements
& '
& ' ëë& $' & $' onAbort
onAbort Qd IT chargement Qd IT chargement image
image onrror
onrror Qd erreur chargementQd erreur chargement onLoad
onLoad Qd chargement achevéQd chargement achevé
§ + ""
§ + ""
&&
&& ëë border
border al attribut BORDRal attribut BORDR complete
complete Image chargée entièrement?Image chargée entièrement?
height
height al attribut HIGHTal attribut HIGHT hspace
hspace al attribut HSPACal attribut HSPAC lowsrc
lowsrc al attribut LOWSRCal attribut LOWSRC name
name al attribut NAMal attribut NAM src
src al attribut SRCal attribut SRC vspace
vspace al attribut SPACal attribut SPAC width
width al attribut WIDTHal attribut WIDTH
@
@ $ $
§ +4
§ +4
`
`
Créé quand balise <ORM Créé quand balise <ORM
`
`
Collection Collection @ @ tableau forms tableau forms
`
`
vénements vénements
& '
& ' ëë& $' & $' onReset
onReset Qd clic RST ou appel Qd clic RST ou appel reset()
reset() onSubmit
onSubmit Qd clic SUBMIT ou appel Qd clic SUBMIT ou appel submit()
submit()
§ +4"""(
§ +4"""(
&&
&& ëë name
name al attribut NAMal attribut NAM method
method al attribut MTHODal attribut MTHOD action
action al attribut ACTIONal attribut ACTION elements
elements Tableau elements du Tableau elements du form.
form.
length
length Nb éléments formulaireNb éléments formulaire encoding
encoding al attribut HIGHTal attribut HIGHT target
target enêtre après submitenêtre après submit u&$%
u&$% ëë reset()
reset() Rétablit val init du form.Rétablit val init du form.
submit()
submit() nvoie le formulairenvoie le formulaire
§ + - !4
§ + - !4
"""(
"""(
&&
&& ëë name
name al attribut NAMal attribut NAM value
value Contenu du champContenu du champ defaultvalue
defaultvalue Contenu initial du Contenu initial du champ
champ u&$%
u&$% ëë focus()
focus() Active objet spécifiéActive objet spécifié blur()
blur() Désactive objet spécifiéDésactive objet spécifié select()
select() Sélectionne objet Sélectionne objet spécifié
spécifié submit()
submit() nvoie formulairenvoie formulaire
§ + - !4
§ + - !4
""
""
& '
& ' ëë& $' & $' onocus
onocus Qd champ activéQd champ activé onBlur
onBlur Qd champ désactivéQd champ désactivé onSelect
onSelect Qd te te du champ Qd te te du champ sélectionné
sélectionné onSubmit
onSubmit Qd formulaire envoyéQd formulaire envoyé onChange
onChange Qd te te modifiéQd te te modifié
8
8 @ @ $ $
§ + / § . ; § 8 !
§ + / § . ; § 8 ! 4"""(
4"""(
&&
&& ëë name
name al attribut NAMal attribut NAM value
value al attribut ALUal attribut ALU checked
checked État case à cocherÉtat case à cocher defaultChecked
defaultChecked État initial case à État initial case à cocher
cocher u&$%
u&$% ëë focus()
focus() Active objet spécifiéActive objet spécifié blur()
blur() Désactive objet Désactive objet spécifi
spécifi click()
click() Clic sur boutonClic sur bouton
§ + / § . ; § 8 !
§ + / § . ; § 8 ! 4""
4""
®& '
®& ' ëë& $' & $' onClick
onClick Qd clic sur boutonQd clic sur bouton onocus
onocus Qd champ activéQd champ activé onBlur
onBlur Qd champ désactivéQd champ désactivé onSubmit
onSubmit Qd formulaire envoyéQd formulaire envoyé onChange
onChange Qd te te modifiéQd te te modifié
/ §
/ § @ @ $ $
. ; § 8
. ; § 8 @ @ $ $
§ + ""5
§ + ""5
"( ""
"( ""
&&
&& ëë length
length Nb options selectNb options select name
name Nom selectNom select selectedInde
selectedInde Indice actuel sélectionnéIndice actuel sélectionné options
options Tableau des optionsTableau des options u&$%
u&$% ëë blur()
blur() Ote le focusOte le focus focus()
focus() Donne le focusDonne le focus & '
& ' ëë& $' & $' onBlur
onBlur Qd le select perd le focusQd le select perd le focus onocus
onocus Qd le select a le focusQd le select a le focus onChange
onChange Qd l'option changeQd l'option change
§ ""
§ ""
&&
&& ëë defaultSelected
defaultSelected Option par défaut?Option par défaut?
inde
inde Indice Indice length
length Nb optionsNb options name
name Nom selectNom select selected
selected Option sélectionnée?Option sélectionnée?
selectedInde
selectedInde Indice option Indice option sélectionnée sélectionnée te t
te t Te teTe te value
value valeurvaleur
@ @ $ $
#$(
#$( @ @ $ $
`
` window.document.nom_formulaire.nom_elementnum_case .window.document.nom_formulaire.nom_elementnum_case . checked
checked
`
` window.document.nom_formulaire.nom_elementnum_case .value window.document.nom_formulaire.nom_elementnum_case .value
`
` window.document.nom_formulaire.nom_element.optionsnum_caswindow.document.nom_formulaire.nom_element.optionsnum_cas e .
e .
selected selected
`
` window.document.nom_formulaire.nom_element.optionsnum_caswindow.document.nom_formulaire.nom_element.optionsnum_cas e .value
e .value
`
` window.document.nom_formulaire.nom_element.length window.document.nom_formulaire.nom_element.length
`
` window.document.nom_formulaire.nom_element.optionsnum_caswindow.document.nom_formulaire.nom_element.optionsnum_cas e .te t
e .te t
`
` window.document.nom_formulaire.nom_element.selectedIndewindow.document.nom_formulaire.nom_element.selectedInde
`
` window.document.nom_formulaire.nom_element.optionsnum_caswindow.document.nom_formulaire.nom_element.optionsnum_cas e .
e .
selected true/false selected true/false
`
` window.document.form.Pays.optionswindow.document.form.Pays.options .selected .selected true; true;
`
` window.document.nom_formulaire.nom_element.valuewindow.document.nom_formulaire.nom_element.value
- 9""
- 9""
`
`
length: length:
±
± longueur chaine (nb de caractères)longueur chaine (nb de caractères)
±
± taille tableau (nb éléments du tableau)taille tableau (nb éléments du tableau)
- 9
- 9 @ @ $ $
- u "(
- u "(
u&$%
u&$% ëë charAt(ind)
charAt(ind) Caractère à l'ind donnéCaractère à l'ind donné concat(ch)
concat(ch) Concaténation avec chConcaténation avec ch inde Of(ch,ind)
inde Of(ch,ind) Indice ch à partir de indIndice ch à partir de ind lastInde Of(ch,ind)
lastInde Of(ch,ind) Id en arrièreId en arrière split(sépar)
split(sépar) Tableau de chainesTableau de chaines substr(dep,lg )
substr(dep,lg ) Lg cars depuis depLg cars depuis dep substring(ind,indw)
substring(ind,indw) SousSous--chaine chaine toLowerCase()
toLowerCase() Conversion en Conversion en minuscules
minuscules toUpperCase()
toUpperCase() Conversion en Conversion en
-
- @ @ $ $
9"(
9"(
u&$%
u&$% ëë concat(tab)
concat(tab) Concatène les éléments des w tableauConcatène les éléments des w tableau join(ch)
join(ch) Chaîne avec éléments du tableau séparés par chChaîne avec éléments du tableau séparés par ch pop()
pop() Ote et retourne le dernier élémentOte et retourne le dernier élément push(val,
push(val,
«)
«) Ajoute éléments au tableauAjoute éléments au tableau reverse
reverse Inverse l'ordre du tableauInverse l'ordre du tableau sort(fn )
sort(fn ) Tri par rapport à fn ou alphabétiqueTri par rapport à fn ou alphabétique toString()
toString() Conversion tableau en chaîneConversion tableau en chaîne
9
9 @ @ $ $
9
9 @ @ $ $
9
9 @ @ $ $
§ +" " c
§ +" " c
`
`
Date Date
`
`
Math Math
!+/12
!+/12
`
`
Constructeur: Constructeur:
±
± Date actuelle: Date actuelle:
`
`Aujourdhuinew Date();Aujourdhuinew Date();
±
± Autre date: Autre date:
`
`Annivnew Date(annee,mois,jour)Annivnew Date(annee,mois,jour)
`
`Annivnew Annivnew
Date(annee,mois,jour,heure,minute,seconde) Date(annee,mois,jour,heure,minute,seconde)
/"( 1%2 /"( 1%2
u&$%
u&$% ëë getDate()
getDate() aleur jour du mois; aleur jour du mois; @@ getDay()
getDay() Jour de la semaine; Jour de la semaine; @@ (Dimanche) (Dimanche) getHours()
getHours() Heures; Heures; @@ ww getMinutes(
getMinutes(
)) Minutes; Minutes; @@ getSeconds
getSeconds ()
() Secondes; Secondes; @@ getMonth()
getMonth() Mois; Mois; @@ (janvier) (janvier) getTime()
getTime() Nb de secondes depuis le er Janvier Nb de secondes depuis le er Janvier getYear()
getYear() Nb années depuis Nb années depuis getullyear(
getullyear(
)) AnnéeAnnée
/"( 1&2 /"( 1&2
u&$%
u&$% ëë setDate(arg)
setDate(arg) Jour du moisargJour du moisarg setHours(arg)
setHours(arg) HeuresargHeuresarg setMinutes(arg
setMinutes(arg
)) MinutesargMinutesarg setSeconds(ar
setSeconds(ar g)
g) SecondesargSecondesarg setMonth(arg)
setMonth(arg) MoisargMoisarg setTime(arg)
setTime(arg) Nb de secondes depuis le er Janvier argNb de secondes depuis le er Janvier arg setYear(arg)
setYear(arg) AnnéeargAnnéearg toLocalString()
toLocalString() @@ Date sous forme de chaineDate sous forme de chaine
/
/ @ @ $ $
u (""
u (""
&&
&& ëë
Constante eConstante e LNw
LNw Log naturel de wLog naturel de w LN
LN Log naturel de Log naturel de LOG
LOG Log de e à la base wLog de e à la base w LOG
LOG Log de e à la base Log de e à la base PI
PI Constante piConstante pi SQRT_w
SQRT_w Racine carrée de /wRacine carrée de /w SQRTw
SQRTw Racine carrée de wRacine carrée de w
u ("(
u ("(
u&$%
u&$% ëë abs(n)
abs(n) aleur absoluealeur absolue ceil(n)
ceil(n) ntier immédiatement supérieurntier immédiatement supérieur e p( )
e p( ) puissance puissance floor(n)
floor(n) ntier immédiatement inférieurntier immédiatement inférieur log( )
log( ) Log de Log de ma (n,nw)
ma (n,nw) Ma imum des w valeursMa imum des w valeurs min(n,nw)
min(n,nw) Minimum des w valeursMinimum des w valeurs pow(n,nw)
pow(n,nw) n à la puissance nwn à la puissance nw random()
random() Nb aléatoire entre et Nb aléatoire entre et round(n)
round(n) ntier le plus prochentier le plus proche sqrt(n)
sqrt(n) Racine carréeRacine carrée
§ + u (
§ + u ( @ @ $ $
u
u
`
`
() () : e écution de code : e écution de code JS à intervalles réguliers
JS à intervalles réguliers
`
`
()* ()* arrêt de la arrêt de la minuterie
minuterie
`
`
'() '() : e écution de code : e écution de code JS au bout d'un délai
JS au bout d'un délai
`
`
