Explorer les Livres électroniques
Catégories
Explorer les Livres audio
Catégories
Explorer les Magazines
Catégories
Explorer les Documents
Catégories
LE JAVASCRIPT
- rsum rapide -
par Professor Maddy
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
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.
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 */
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
A abstract
D default / do / double
E else / extends
G goto
L long
R return
V var / void
W while / with
1
Variable ne pouvant avoir que deux valeur : true (1) et false (0).
4. LES OPERATEURS
4.1.Les oprateurs de calcul
Signe Nom Signification Exemple Rsultat
== Egal x == 11 true
!= Diffrent x != 11 false
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
}
6.2.2.Lexpression () ? :
Algorithme Code JS
SI condition (condition) ?
ALORS Instructions1 instruction 1 :
SINON Instructions2 instruction 2
FINSI
6.3.2.Litration while
Algorithme Code JS
TANT QUE (condition while (condition) {
vraie) instructions
REPETER instructions }
FIN TANT QUE
7.2.Prompt()
Syntaxe :
variable = prompt ("texte", "valeur");
7.3.Confirm()
Syntaxe :
variable = confirm ("texte");
8. NOTION OBJET
8.1.Le concept objet
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.
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>
11.2.Tableau 2 dimensions
11.3.Proprits et mthodes
11.3.1.Proprit
11.3.2.Mthodes
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.
javaEnabled()
taintEnabled()
12.3.Lobjet de navigator
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.
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
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...
}
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
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().
18.LOBJET IMAGE
Proprits :
Src
Name
Id
Width
Height
Complete
Alt
FileSize
19.3.Liens hypertexte
<a href="lien" target=frame>texte</a>
20.LES COOKIES
20.1.Crer un cookie
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.
21.2.Utilisation de mthodes
function nom_classe () {
this.mthode = fonction ;
}
22.2.2.Le pattern
Motif Signification
a|b Caractre a OU b.
23.FONCTIONS ET PROPRITS
23.1.Les fonctions du langage
23.1.1.Escape()
chaine1 = escape (chaine2)
23.1.2.Unescape()
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 ()
23.2.2.Constructor
variable = objet.constructor ;
23.2.3.ValueOf()
variable = objet.valueOf ;
23.2.4.ToString()
variable = objet.toString ;
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.
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.