Vous êtes sur la page 1sur 29

Javascript rsum rapide - Version 1.

LE JAVASCRIPT
- rsum rapide -
par Professor Maddy

2004 Professor Maddy 1


Javascript rsum rapide - Version 1.0

SOMMAIRE
1.GENERALITES 3
2.LE LANGAGE 4
3.LES STRUCTURES DE DONNEES 5
4. LES OPERATEURS 6
5. LES FONCTIONS 7
6. LES STRUCTURES DE CONTROLE 8
7. LES BOITES DE MESSAGE 9
8. NOTION OBJET 10
9. LES FORMULAIRES 11
10. LES EVENEMENTS 12
11. LOBJET ARRAY 13
12.LOBJET NAVIGATOR 14
13.LOBJET WINDOW 15
14.LOBJET DOCUMENT 17
15.LOBJET MATH 18
16.LOBJET STRING 19
17.LOBJET DATE 20
18.LOBJET IMAGE 21
19.LA PROGRAMMATION MULTI-CADRES 22
20.LES COOKIES 23
21.LA PROGRAMMATION OBJET 24
22.LES EXPRESSION REGULIERES 25
23.FONCTIONS ET PROPRIETES 27
AUTEUR 28
REMERCIEMENTS 29

2004 Professor Maddy 2


Javascript rsum rapide - Version 1.0

1.GENERALITES
1.1.Le langage Javascript
Ce langage est interprt, cest--dire quil nest pas compil en langage
machine avant excution, comme le Java ou le C++. Le Javascript est intgr au
code HTML, il vous faudra donc des bases assez solides en HTML. Si ce nest pas le
cas, il est conseill de consulter un cours HTML de toute urgence. Il sagit, a priori,
du premier langage de script cr pour le web. Il permet dexcuter des
commandes du ct utilisateur, donc au niveau du navigateur et non du serveur -
comme le PHP - .

1.2.Ct pratique
Pour programmer en Javascript, il vous faut un navigateur web assez rcent
et un diteur de texte, le bloc-notes de Windows est suffisant. Une connexion
Internet est souhaitable.

2004 Professor Maddy 3


Javascript rsum rapide - Version 1.0

2.LE LANGAGE

2.1.Incorporation du code
Syntaxe :
<script language = "Javascript">code</script>
ou
<script src = "chemin_fichier"></script>

2.2.Spcificits du langage
La premire chose quil faut noter en Javascript, comme dans le C, est que
chaque instruction se termine par un point-virgule ;. Il est possible de mettre
plusieurs instructions sur le mme ligne, puisque linterprteur ignore les sauts de
lignes. Vous pouvez aussi insrer des blancs o vous voulez except dans des noms
de variables ou dans des expressions cela ne change pas le code.

Il est utile de commenter son code. Cela se fait laide de //, tout le
texte suivant le double slash jusqu la fin de la ligne est ignor par linterprteur.
Il est aussi possible de mettre des commentaires au milieu dun ligne, ou sur
plusieurs ligne, en les encadrant avec /* et */

2004 Professor Maddy 4


Javascript rsum rapide - Version 1.0

3.LES STRUCTURES DE DONNEES


3.1.Les donnes constantes
Le JS fournit quatre types de constantes dj dfinies :
Les constantes numriques
Les constantes boolennes .
Les chanes de caractres
La constante null

3.2.Les variables en JS
3.2.1.Les types de variable
Il existe 5 types de variables en Javascript :
Les nombres : number
Les chanes de caractres : string
Les boolens1 : boolean
Les objets : object
Les fonctions : function

3.2.2.Les noms rservs


Lettre Mot-cl

A abstract

B boolean / break / byte

C case / catch / char / class / const / continue

D default / do / double

E else / extends

F false / final / finally / float / for / function

G goto

I if / implements / import / in / instanceof / int / interface

L long

N native / new / null

P package / private / protected / public

R return

S short / static / super / switch / synchronized

T this / throw / throws / transient / true / try

V var / void

W while / with

1
Variable ne pouvant avoir que deux valeur : true (1) et false (0).

2004 Professor Maddy 5


Javascript rsum rapide - Version 1.0

4. LES OPERATEURS
4.1.Les oprateurs de calcul
Signe Nom Signification Exemple Rsultat

+ plus addition x+3 14

- moins soustraction x-3 8

* multipli par multiplication x*2 22

/ divis par division x/2 5.5

% modulo reste de la division par x%5 1

= affectation a la valeur x=5 5

4.2.Les oprateurs de comparaison


Signe Nom Exemple Rsultat

== Egal x == 11 true

< Infrieur x < 11 false

<= Infrieur ou gal x <= 11 true

> Suprieur x > 11 false

>= Suprieur ou gal x >= 11 true

!= Diffrent x != 11 false

4.3.Les oprateurs associatifs


Signe Description Exemple Signification Rsultat

+= plus gal x += y x=x+y 16

-= moins gal x -= y x=x-y 6

*= multipli gal x *= y x=x*y 55

/= divis gal x /= y x=x/y 2.2

4.4.Les oprateurs logiques


Signe Nom Exemple Signification

&& et (condition1) && (condition2) condition1 et condition2

|| ou (condition1) || (condition2) condition1 ou condition2

4.5.Les oprateurs d'incrmentation


Signe Description Exemple Signification Rsultat
x++ incrmentation y = x++ y =x+1 6

x-- dcrmentation y= x-- y =x-1 4

2004 Professor Maddy 6


Javascript rsum rapide - Version 1.0

5. LES FONCTIONS
5.1.Dfinition
Cest un groupe dinstruction prdfini et excut lorsquil est appel et que
lon peut appeler plusieurs fois.

5.2.Dclaration
Syntaxe :
function nom_de_la_fonction (arguments) {
code des instructions
}

5.3.Les fonctions dans len-tte


Il est plus prudent de placer les dclarations de fonctions dans len-tte
<head></head>.

5.4.L'appel d'une fonction


Syntaxe :
nom_de_la_fonction();

5.5.Fonctions manipulant des valeurs


5.5.1.Passer une valeur une fonction
Syntaxe :
function nom_de_la_fonction(arg1, arg2, arg3) {
instructions
}

5.5.2.Retourner une valeur


Une fonction peut retourner une valeur. Il suffit alors de placer le mot-cl
return suivi de la valeur ou de la variable retourner.

2004 Professor Maddy 7


Javascript rsum rapide - Version 1.0

6. LES STRUCTURES DE CONTROLE


6.1.La structure squentielle
Algorithme Code JS
DEBUT {
Instruction1 Instruction1
Instruction2 Instruction2
FIN }

6.2.Les instructions conditionnelles


6.2.1.Lexpression if else
Algorithme Code JS
SI condition If (condition) {
ALORS Instructions1 Instruction1
SINON Instructions2 }
FINSI else {
Instruction2
}

6.2.2.Lexpression () ? :
Algorithme Code JS
SI condition (condition) ?
ALORS Instructions1 instruction 1 :
SINON Instructions2 instruction 2
FINSI

6.3.Les instructions itratives


6.3.1.Litration for
Algorithme Code JS
POUR i = valeur For (val initiale ;
initiale A i = valeur condition ;
finale incrmentation) {
REPETER instructions Instructions
FIN POUR }

6.3.2.Litration while
Algorithme Code JS
TANT QUE (condition while (condition) {
vraie) instructions
REPETER instructions }
FIN TANT QUE

6.5.Interrompre une boucle


6.5.1.Linstruction break
6.5.2.Linstruction continue

2004 Professor Maddy 8


Javascript rsum rapide - Version 1.0

7. LES BOITES DE MESSAGE


7.1.Alert()
Syntaxe :
alert (paramtres) ;

7.2.Prompt()
Syntaxe :
variable = prompt ("texte", "valeur");

7.3.Confirm()
Syntaxe :
variable = confirm ("texte");

2004 Professor Maddy 9


Javascript rsum rapide - Version 1.0

8. NOTION OBJET
8.1.Le concept objet

En informatique, un objet possde des variables et des fonctions, qui


permettent de dcrire son comportement. Ces variables sont appeles proprits
et ces fonctions sont appeles mthodes.

8.2.Cration dun objet


Syntaxe :
var objet = new classe ();

8.3.Accs aux proprits et aux mthodes


Syntaxe :
objet.proprit
objet.mthode()

8.4.Lobjet this
Il existe un objet trs utile en JS objet : this. Mme sil sera plus utile en
programmation objet, lorsque vous crerez vos classes. Il sagit dun objet qui
reprsente lobjet en cours. Il possde alors les proprits et les mthodes de
lobjet. Etant donn son utilit minime avant la programmation objet, je ne
donnerai pas dexemple ici.

2004 Professor Maddy 10


Javascript rsum rapide - Version 1.0

9. LES FORMULAIRES
9.1. Champ de texte
9.1.1.Ligne de texte
<input type=text name=nom value="valeur"
size=x maxlength=z>

9.1.2.Zone de texte
<textarea name=nom rows=x cols=y>
texte par dfaut
</textarea>

9.1.3.Champ password
<input type=password name=nom
value="valeur" size=x maxlength=z>

9.2.Cases slectionner
9.2.1.Boutons radios
<input type=radio name=nom
value="valeur"> texte

9.2.2.Checkbox
<input type=checkbox name=nom
value="valeur"> texte

9.3.Liste de slection
<select name=nom size=x>
<option value="valeur"> texte
</select>

9.4.Bouton
9.4.1.Bouton simple
<input type=button name=nom value=valeur>

9.4.2.Bouton reset
<input type=reset name=nom value=valeur>

9.4.3.Bouton submit
<input type=submit name=nom value=valeur>

2004 Professor Maddy 11


Javascript rsum rapide - Version 1.0

10. LES EVENEMENTS


10.1.Le reset
onReset
<input type="reset">
10.2.Le clic de souris
onClick
<input type="button">, <input type="checkbox">, <input type="radio">, <input
type="reset">, <input type="submit">, <a href..>
10.3.Load
onLoad
<body>, <frameset>
10.4.UnLoad
onUnLoad
<body>, <frameset>
10.5.Error
onError
<body>, <frameset>, <img>
10.6.Abort
onAbort
<img>
10.7.MouseOver
onMouseOver
<a href>, <area href>
10.8.MouseOut
onMouseOut
<a href>, <area href>
10.9.Focus
onFocus
<input type="text">, <select>, <textarea>, <input type="password">
10.10.Blur
onBlur
<input type="text">, <select>, <textarea>, <input type="password">
10.11.Les changements
onChange
<input type="text">, <select>, <textarea>, <input type="password">
10.12.La slection
onSelect
<input type="text">, <textarea>
10.13.Lenvoi
onSubmit
<input type="submit">

2004 Professor Maddy 12


Javascript rsum rapide - Version 1.0

11. LOBJET ARRAY


11.1.Cration et affectation dun tableau
variable = new Array(x) ;
variable [i] = y;

11.2.Tableau 2 dimensions

variable = new Array (x) ;


variable [i] = new Array (y) ;

11.3.Proprits et mthodes
11.3.1.Proprit

variable = new Array (x) ;


y = variable.length ;

11.3.2.Mthodes

join (sparateur) : regroupe tous les lments du tableau en une seule


chane. Chaque lment est spar par un sparateur. Ci celui-ci nest pas
prcis, ce sera une virgule.
reverse () : inverse lordre des lments sans les trier.
sort () : Renvoie les lments par ordre alphabtique, sils sont de mme
nature.
concat(tableau) : concatne le tableau pass en paramtre avec celui
de la mthode.
pop() : supprime le dernier lment du tableau.
push(lment1,) : ajoute l(es) lment(s) pass(s) en paramtre la fin du
tableau.
shift() : supprime le premier lment du tableau.
slice(dbut,fin) : renvoie les lments contenus entre la position
suprieure ou gale dbut et infrieure fin.
splice(dbut, nombre, lments) : supprime les lments partir de
la position dbut et sur nombre de position. Les lments sont remplacs par
ceux fournis en paramtre (facultatif).
unshift(lment1,) : ajoute l(es) lment(s) pass(s) en paramtre au
dbut du tableau.

2004 Professor Maddy 13


Javascript rsum rapide - Version 1.0

12.LOBJET NAVIGATOR
12.1.Les proprits de navigator
appCodeName : nom de code du navigateur.
appName : nom complet du navigateur.
appVersion : numro de version du navigateur ainsi que dautres
informations de plate-forme.
userAgent : informations de appCodeName et de appVersion runies.

Certaines proprits ne fonctionnent quavec Microsoft Internet Explorer.


appMinorVersion : numro de version mineure.
browserLanguage : code langue du browser.
userLanguage : code langue de lutilisateur.
systemLanguage : code langue du systme dexploitation.
cpuClass : classe du processeur.
platform : code type de plate-forme (pc, mac, linux ).
cookieEnabled : boolen qui indique si lutilisateur accepte les cookies.
onLine : boolen qui indique si le poste est connect Internet.

Une proprit existe sous Netscape pour remplacer la proprit browserLanguage


dInternet Explorer.
language : code langue du browser.

12.2.Les mthodes de navigator

javaEnabled()
taintEnabled()

12.3.Lobjet de navigator

plugins.length : nombre de plugins


plugins[i].name : nom du plugin n i.
plugins[i].filename : nom de lexcutable du plugin n i.
plugins[i].description : description du plugin n i.
plugins[i].length : nombre de types de fichiers supports par le plugin
n i.
plugins[i][j].type : type n j du plugin n i.
plugins[i][j].suffixes : Extensions des fichiers du type n j du plugin
n i.

2004 Professor Maddy 14


Javascript rsum rapide - Version 1.0

13.LOBJET WINDOW
13.1.Les proprits de window
defaultStatus : le texte par dfaut affich dans la barre dtat.
status : le texte afficher dans la barre dtat, prioritaire par rapport
defaultStatus.
name : le nom de la fentre
screenTop : ordonne du point suprieur gauche de la fentre.
screenLeft : abscisse du point suprieur gauche de la fentre.
closed : boolen indiquant si la fentre est ferme.

13.2.Les mthodes de window


alert (texte) : boite de message avec un bouton unique.
prompt (texte, valeur_dfaut) : boite dinvite avec un texte
informatif et une zone de texte avec une valeur par dfaut facultative.
confirm (texte) : boite de confirmation avec un texte informatif et
deux boutons OK et annuler .
print (texte) : afficher le texte dans la page.
open (URL, nom, options) : ouvre une page pop-up avec les
caractristiques donnes en paramtres.
close () : ferme la fentre.
focus () : donne le focus la page.
blur () : enlve le focus la page.
moveBy (x,y) : dplacement relatif du coin suprieur gauche de la
fentre.
moveTo (x,y) : dplacement absolu du coin suprieur gauche de la
fentre.
resizeBy (x,y) : redimensionnement relatif de la fentre.
resizeTo (x,y) : redimensionnement absolu de la fentre.
scrollBy (x,y) : scroll relatif.
scrollTo (x,y) : scroll absolu.
setTimeOut (fonction, temps) : dclenche une minuterie en
millisecondes.
clearTimeout(timer) : suspend la minuterie.
stopTimeOut (timer) : arrte une minuterie.
setInterval(code, dlai) : excute le code sous forme de String -
pass en paramtre chaque fois que le dlai est coul.
clearInterval(timer) : arrte la minuterie dfinie avec setInterval().
stop() : arrte le chargement de la page.
home() : ouvre la page de dmarrage de linternaute.

13.3.Les vnements de window


load : fin de chargement de la page.
unLoad : dchargement de la page.
focus : prise de focus de la fentre ou dun de ses lments.
blur : perte de focus de la fentre ou dun de ses lments.
resize : redimensionnement de la fentre.

2004 Professor Maddy 15


Javascript rsum rapide - Version 1.0

13.4.Les objets de window


13.4.1.Lobjet frames
13.4.2.Lobjet parent
13.4.3.Lobjet top
13.4.4.Lobjet opener
13.4.5.Lobjet history
length : le nombre dentres de lhistorique.
back () : permet de retourner la page prcdente.
forward () : permet daller la page suivante.
go (numro) : permet daller la page du numro pass en paramtre.
13.4.6.Lobjet location
hash
host
hostName
pathName
href
port
protocole
search : renvoie la partie de lURL situe aprs le ? .
reload () : recharge la page. Ne fonctionne pas sous tous les navigateurs.
replace (page) : recharge la page en cours sans modifier lhistorique.
13.4.7.Lobjet screen
availHeight : hauteur en pixels de la zone utilisable pour laffichage.
availWidth : largeur en pixels de la zone utilisable pour laffichage.
height : hauteur de la fentre en pixels - contient barres de menus, dtat,
de titre et de scrolling - .
width : largeur de la fentre en pixels - contient barres de menus, dtat,
de titre et de scrolling - .
colorDepth : Contient la profondeur de couleur en nombre de bits.
13.4.8.Lobjet event
altKey : renvoie le code du caractre frapp au clavier.
button : renvoie le type de clic de souris effectu.
13.4.9.Lobjet external
AddFavorite(URL,titre): Ajoute une ligne la liste des favoris.
Demande confirmation linternaute.

2004 Professor Maddy 16


Javascript rsum rapide - Version 1.0

14.LOBJET DOCUMENT
14.1.Les proprits de document
bgColor : couleur du fond.
fgColor : couleur du texte.
linkColor : couleur des liens ni actifs ni visits.
alinkColor : couleurs des liens actifs.
vlinkColor : couleurs des liens visits.
cookie : chane de caractres contenant les cookie.
lastModified : date de dernire modification du fichier source
referrer : adresse de la page par laquelle la page en cours a t appele.
title : titre du document, indiqu par les balises <title></title>.
Nest modifiable quavec Microsoft Internet Explorer.
fileSize : taille de la page en octets.
defaultCharset : jeu de caractre du document charg.
mimeType : type du document charg.
URLUnencoded : URL complte de la page, avec les caractres spciaux
encods.
URL : URL de la page.
protocol : protocole de chargement de la page.
domain : domaine de lURL complte de la page.
14.2.Les mthodes de document
write (texte) : affiche le texte et le code HTML dans la page courante.
getSelection () : renvoie le texte qui a t slectionn dans la page.
handleEvents : cr un gestionnaire dvnement.
captureEvents : dtecte un vnement.
open () : ouvre une nouvelle fentre de votre browser.
close () : ferme le flux daffichage externe.
getElementById(ID) : renvoie un objet HTML en fonction de son ID. A ne
pas confondre avec le Name.
getElementsByName(nom) : renvoie un objet HTML en fonction de son
name.
getElementsByTagName(type) : renvoie un tableau de toutes les balises
HTML du type pass en paramtre.
14.3.Les vnements de document
onClick : clic de souris sur un lment de la page.
onDblClick : le double clic de souris.
onKeyPress : la frappe dune touche de clavier.
14.4.Les objets de document
14.4.1.Lobjet all
14.4.2.Lobjet layers
14.4.3.Lobjet forms
14.4.4.Lobjet anchors
14.4.5.Lobjet images
14.4.6.Lobjet applets
14.4.7.Lobjet plugins
14.4.8.Lobjet frames

2004 Professor Maddy 17


Javascript rsum rapide - Version 1.0

15.LOBJET MATH
15.1.Fonctions
abs(x) : renvoie la valeur absolue de x.
ceil(x) : renvoie lentier suprieur x.
floor(x) : renvoie lentier infrieur x.
round(x) : renvoie lentier le plus proche de x.
max(x,y) : renvoie le plus grand nombre entre x et y.
min(x,y) : renvoie le plus petit nombre entre x et y.
pow(x,y) : renvoie le nombre x la puissance y.
random(x,y) : renvoie un nombre alatoire entre 0 et 1.
sqrt(y) : renvoie la racine carre de x.
sin(x)
asin(x)
cos(x)
acos(x)
tan(x)
atan(x)
exp(x)
log(x)

15.2.Constantes
math.PI
math.LN2
math.LN10
math.E
math.LOG2E
math.LOG10E

15.3.Simplification
with (math) {
code...
}

2004 Professor Maddy 18


Javascript rsum rapide - Version 1.0

16.LOBJET STRING
16.1.La proprit length
16.2.Les mthodes
CharAt ()
FromCharCode ()
CharCodeAt ()
IndexOf ()
LastIndexOf ()
Substring ()
Substr ()
Slice ()
Split ()
Concat ()
ToLowerCase ()
ToUpperCase ()
FontColor ()
FontSize ()
Fixed ()
Bold ()
Strike ()
Sub ()
Big ()
Sup ()
Blink ()
Small ()
Italics ()
Link ()
Anchor ()

16.3.Caractres spciaux
Caractre Affichage
\b touche de suppression
\f formulaire plein
\n retour la ligne
\r appui sur la touche ENTREE
\t tabulation
\" guillemets
\' apostrophes
\\ caractre antislash

2004 Professor Maddy 19


Javascript rsum rapide - Version 1.0

17.LOBJET DATE
16.1.Get
getYear() : Retourne les 2 derniers chiffres de lanne. Il faudra donc
rajouter le prfixe "20".
getFullYear() : Retourne la date sur 4 chiffres.
getMonth() : Retourne le mois sous la forme dun entier compris entre 0 et
11.
getDate() : Retourne le jour du mois sous forme dun entier compris entre
1 et 31.
getDay() : Retourne le jour de la semaine sous forme dun entier compris
entre 0 et 6.
getHours() : Retourne lheure sous forme dun entier compris entre 0 et
23.
getMinutes() : Retourne les minutes sous forme dun entier compris entre
0 et 59.
getSeconds() : Retourne les secondes sous forme dun entier compris
entre 0 et 59.
getMilliseconds() : retourne les millisecondes de la date. A ne pas
confondre avec getTime().
16.2.Set
setYear() : Assigne les 2 derniers chiffres de lanne, sous forme dun
entier suprieur 1900.
setYear() : Assigne lanne sur 4 chiffres.
setMonth() : Assigne le mois sous la forme dun entier compris entre 0 et
11.
setDate() : Assigne le jour du mois sous forme dun entier compris entre 1
et 31.
setDay() : Assigne le jour de la semaine sous forme dun entier compris
entre 0 et 6.
setHours() : Assigne lheure sous forme dun entier compris entre 0 et 23.
setMinutes() : Assigne les minutes sous forme dun entier compris entre 0
et 59.
setSeconds() : Assigne les secondes sous forme dun entier compris entre
0 et 59.
setMilliseconds() : assigne les millisecondes de la date. A ne pas
confondre avec setTime().
16.3.Lheure
getTime() : Renvoie lheure courante sous forme dun entier reprsentant
le nombre de millisecondes depuis le 1er janvier 1970 00h 00min 00s.
getTimezoneOffset() : Renvoie la diffrence entre lheure locale et
lheure GMT sous forme dun entier en minutes.
setTime() : Assigne lheure courante sous forme dun entier reprsentant
le nombre de millisecondes depuis le 1er janvier 1970 00h 00min 00s.
toGMTString() : Renvoie la valeur actuelle de la variable Date en heure
GMT.
toLocaleString() : Renvoie la valeur actuelle de lheure de la variable
Date. Cest plus rapide que de combiner getHours(), getMinutes(), et
getSeconds().

2004 Professor Maddy 20


Javascript rsum rapide - Version 1.0

18.LOBJET IMAGE
Proprits :
Src
Name
Id
Width
Height
Complete
Alt
FileSize

2004 Professor Maddy 21


Javascript rsum rapide - Version 1.0

19.LA PROGRAMMATION MULTI-CADRES


19.2.Le nom

<frame src="fichier.htm" name="cadre1">

19.3.Liens hypertexte
<a href="lien" target=frame>texte</a>

19.4.Accs aux lments des frames


19.4.1.Lobjet frames[]
parent.frames[i].objet.proprit
parent.frames[i].objet.mthode()

19.4.2.Le nom de la frame


parent.nom.objet.proprit
parent.nom.objet.mthode()

2004 Professor Maddy 22


Javascript rsum rapide - Version 1.0

20.LES COOKIES
20.1.Crer un cookie

document.cookie = "variable = contenu ; expires = date ;


path = nom ; domain = domaine ; secure = true/false" ;

Le champ information : il sagit de ce que vous voulez stocker dans le


cookie. Il faut dfinir un nom la variable et lui affecter une valeur, un
contenu. Comme on peut le voir ci-dessus, les champs sont spars par des
points-virgule, il ne faut donc pas insrer des ; dans le contenu.
expires : contient la date dexpiration, laquelle le cookie sera dtruit. La
valeur est en secondes. Le plus simple consiste utiliser un objet Date.
path : le chemin de la page qui a cr le cookie.
domain : le domaine de la page qui a cr le cookie.
secure : boolen qui indique si le cookie doit utiliser le protocole HTTP
(false) ou le protocole scuris HTTPS (true).

20.2.Rcuprer un cookie
variable = document.cookie ;

20.3.Modifier un cookie
Modifier un cookie est aussi simple que de le crer. En ralit, il suffit de le
recrer avec un contenu diffrent et une date actualise.

20.4.Supprimer un cookie
Pour supprimer un cookie, il faut tout simplement le recrer, avec la mme
valeur pour viter de se compliquer les choses, et lui donner une date dexpiration
passe. Sinon, il suffit dattendre sa date dexpiration, ce qui nest pas toujours
satisfaisant.

2004 Professor Maddy 23


Javascript rsum rapide - Version 1.0

21.LA PROGRAMMATION OBJET


21.1.Dclaration dune classe
function nom_classe ( paramtres ) {
this.proprit = paramtre1 ;
}

21.2.Utilisation de mthodes
function nom_classe () {
this.mthode = fonction ;
}

2004 Professor Maddy 24


Javascript rsum rapide - Version 1.0

22.LES EXPRESSION REGULIERES


22.1.Dfinition
var reg = RegExp (pattern, option);

var reg = /pattern/option;

22.2.Paramtres dune expression rgulire


22.2.1.Loption
"g" : la recherche est globale sur toute la chane -.
"i" : ne pas tenir compte de casse majuscules/minuscules- .
"gi" : les deux options runies

22.2.2.Le pattern
Motif Signification

^ Dbut du pattern de la chane.

$ Fin du pattern. Interdit tout caractre aprs.

. Nimporte quel caractre.

a|b Caractre a OU b.

* Caractre prcdent prsent 0 x fois.

+ Caractre prcdent prsent 1 x fois.

? Caractre prcdent prsent 0 1 fois.

{x} Caractre prcdent prsent x fois.

{x,} Caractre prcdent prsent au moins x fois.

{x,y} Caractre prcdent prsent au entre x et y fois.

[abc] Groupe de caractres : nimporte lequel contenu entre les crochets.

[a-z] Nimporte quel caractre alphabtique.

[^a-z] Aucun caractres alphabtique.


\\ Caractre \ .

\d Tous les chiffres quivalent de [0-9] - .

\D Aucun chiffre quivalent de [^0-9] -.

\b Limites des mots (espace, tab, ).

\s Tous les caractres despacements quivalent de [\v\r\n\t\f] -.

\S Aucun caractre despacements quivalent de [^\v\r\n\t\f] -.

Tous les caractres alphanumriques dont _ quivalent de [A-Za-z0-


\w 9_] -.

\W Aucun caractre alphanumrique quivalent de [^A-Za-z0-9_] -.

2004 Professor Maddy 25


Javascript rsum rapide - Version 1.0

22.3.Utilisation dune expression rgulire


22.3.1.Les mthode de lobjet RegExp
Il existe trois mthodes de lobjet RegExp : test(), exec() et
compile(). Elles sutilisent selon la syntaxe objet habituelle. La premire prend
en paramtre la chane tester selon le motif de lexpression rgulire. Elle
renvoie un boolen qui indique si la chane correspond au motif ou non. La
deuxime mthode prend aussi la chane tester en paramtre. Elle renvoie un
tableau des occurrences du motif tester. La dernire permet de modifier le motif
de lexpression rgulire, sans en crer un nouveau.

22.3.2.Les mthode de lobjet String


search() : trouver les occurrences rpondant aux critres du motif.
replace () : trouver remplacer les occurrences rpondant aux critres du
motif.
match() : trouver les occurrences rpondant aux critres du motif.

var reg = RegExp (pattern, option);


chane.mthode(reg);

2004 Professor Maddy 26


Javascript rsum rapide - Version 1.0

23.FONCTIONS ET PROPRITS
23.1.Les fonctions du langage
23.1.1.Escape()
chaine1 = escape (chaine2)

23.1.2.Unescape()

chaine1 = escape (chaine2)

23.1.3.ParseFloat ()
decimal = parseFloat (chaine)

23.1.4.ParseInt ()
decimal = parseInt (chaine, base)

23.1.5.IsFinite ()
booleen = isFinite (nombre)

23.1.6.IsNaN ()

booleen = isNaN (chaine)

23.2.Mthodes et proprits des objets


23.2.1.Prototype
classe.prototype.nom = valeur ;

23.2.2.Constructor
variable = objet.constructor ;

23.2.3.ValueOf()
variable = objet.valueOf ;

23.2.4.ToString()

variable = objet.toString ;

2004 Professor Maddy 27


Javascript rsum rapide - Version 1.0

AUTEUR
DESCRIPTION
Pour ceux que a intresse, voici un petit descriptif de ma personne. Je
mappelle Michal, jai 17ans, je vis prs de Grenoble. Je suis en 1 re S, et je vais
passer en Terminale. Jai dcouvert la programmation lan dernier grce mon
professeur de ISI - je le remercie, dailleurs - et depuis, je ne peux plus men
passer. Je programme en HTML/Javascript bien sr, mais aussi en PHP et en C++.

COORDONNEES
Pour ceux qui souhaitent me joindre, mon adresse e-mail est
banzaichico@yahoo.fr. Si certains veulent me parler par lintermdiaire de MSN
Messenger, mon contact est banzaichico@hotmail.com. Voil.

2004 Professor Maddy 28


Javascript rsum rapide - Version 1.0

REMERCIEMENTS
Je remercie tous mes amis qui mont aid progresser en programmation,
notamment Arnaud et Dimitri. Je remercie Philippe et M.Allardin pour mavoir
donn got ce passe-temps.

Je remercie tous les sites que jai consults pour apprendre le Javascript,
dont www.commentcamarche.com, www.toutjavascript.com, et tant dautres.

Je remercie mon bon vieux Pentium II et ses 450MHz qui mon permis de
raliser la plus grande partie de ce cours. Mille mercis Aiwa, pour avoir construit
la chane Hi-Fi qui maccompagne. Merci aussi aux Red Hot Chili Peppers qui ont
raliss les chansons qui mont accompagnes tout au long de ce cours.

Merci Microsoft, pour le nombre de redmarrage suite un plantage de


Windows. Merci ES-Computing pour avoir cr EditPlus2, logiciel qui ma permis
de faire tous les exemples de ce cours.

2004 Professor Maddy 29