Machine Translated by Google
Machine Translated by Google
À propos du didacticiel
JavaScript est un langage de programmation léger et interprété. Il est conçu pour créer des applications
centrées sur le réseau. Il est complémentaire et intégré à Java. JavaScript est très simple à mettre en
œuvre car il est intégré au HTML. Il est ouvert et multiplateforme.
Public
Ce didacticiel a été préparé pour les débutants en JavaScript afin de les aider à comprendre
la fonctionnalité de base de JavaScript pour créer des pages Web et des applications Web dynamiques.
Conditions préalables
Pour ce didacticiel, il est supposé que le lecteur possède une connaissance préalable du codage
HTML. Il serait utile que le lecteur soit préalablement exposé aux concepts de programmation orientée
objet et ait une idée générale sur la création d'applications en ligne.
Droits d'auteur et clause de nonresponsabilité
Copyright 2015 par Tutorials Point (I) Pvt. Ltd.
Tout le contenu et les graphiques publiés dans cet ebook sont la propriété de Tutorials Point (I) Pvt.
Ltd. Il est interdit à l'utilisateur de ce livre électronique de réutiliser, conserver, copier, distribuer ou
republier tout contenu ou partie du contenu de ce livre électronique de quelque manière que ce soit
sans le consentement écrit de l'éditeur.
Nous nous efforçons de mettre à jour le contenu de notre site Web et de nos didacticiels aussi
rapidement et précisément que possible. Toutefois, le contenu peut contenir des inexactitudes ou des erreurs.
Tutoriels Point (I) Pvt. Ltd. ne fournit aucune garantie concernant l'exactitude, l'actualité
ou l'exhaustivité de notre site Web ou de son contenu, y compris ce didacticiel. Si vous
découvrez des erreurs sur notre site internet ou dans ce tutoriel, merci de nous en informer
à contact@[Link]
je
Machine Translated by Google
Table des matières
À propos du didacticiel ............................................................ .................................................................. ............................................
Public................................................. .................................................................. .................................................................. ...... je
Conditions préalables................................................. .................................................................. ..................................................................
i Droits d'auteur et clause de nonresponsabilité ............................................ .................................................................. ..................................
i Table des matières .............. .................................................................. .................................................................. ...................... ii
PARTIE 1 : LES BASES DE JAVASCRIPT .............................................. .................................................................. ......... 1
1. JAVASCRIPT – Présentation.................................................. .................................................................. ......................2
Qu'estce que Javascript ?............................................................ .................................................................. ......................................2
JavaScript côté client... .................................................................. .................................................................. ................................2
Avantages de JavaScript.............. .................................................................. .................................................................. ...............3 Limites
de JavaScript.................................. .................................................................. ......................................................3 Outils de développement
JavaScript.................................................. .................................................................. ........................3 Où se trouve JavaScript
aujourd'hui ? .................................................................. .................................................................. ......................4
2. JAVASCRIPT – Syntaxe ............................................ .................................................................. ..................................5 Votre premier code
JavaScript ............ .................................................................. .................................................................. ...............5 Espaces et sauts de
ligne.............................. .................................................................. ........................................6 Les pointsvirgules sont
facultatifs.. .................................................................. .................................................................. .................................6 Sensibilité à la
casse .................. .................................................................. .................................................................. ........................7 Commentaires
en JavaScript ....................... .................................................................. .................................................................. .........7
3. JAVASCRIPT – Activation .............................................. .................................................................. ................................9 JavaScript dans
Internet Explorer .................. .................................................................. .................................................................. .....9 JavaScript dans
Firefox.................................................. .................................................................. ................................................9 JavaScript dans
Chrome .................................................................. .................................................................. ..................................10 JavaScript dans
Opera .............. .................................................................. .................................................................. .......................10 Avertissement
pour les navigateurs non JavaScript.................. .................................................................. .....................................dix
4. JAVASCRIPT – Placement ............................................ .................................................................. ......................12
JavaScript dans la section <head>...</head>.................................. .................................................................. ..................12 JavaScript
dans la section <body>...</body>............... .................................................................. .....................................13 JavaScript dans les
sections <body> et <head>.. .................................................................. ......................................................13 Javascript dans un fichier
externe ............................................ .................................................................. ......................14
5. JAVASCRIPT – Variables .................................................. .................................................................. ......................16
Types de données JavaScript................................................. .................................................................. ......................................16
Variables JavaScript........ .................................................................. .................................................................. ......................16 Portée
des variables JavaScript..................... .................................................................. .................................................................. ....17 Noms
des variables JavaScript ............................................ .................................................................. ................................18 Mots réservés
JavaScript .............. .................................................................. .................................................................. .........19
6. JAVASCRIPT – Opérateurs........................................... .................................................................. ......................20 Qu’estce qu’un
opérateur ? .................................................................. .................................................................. ................................20 Opérateurs
arithmétiques............... .................................................................. .................................................................. ..................20 Opérateurs de
comparaison.................................. .................................................................. .................................................................. .23 Opérateurs
logiques.......................................................... .................................................................. ......................................................26
ii
Machine Translated by Google
Opérateurs au niveau du bit................................................. .................................................................. ......................................28 Opérateurs
d'affectation....... .................................................................. .................................................................. ......................31 Opérateurs
divers.................................. .................................................................. .................................................................. ....34
7. JAVASCRIPT – SiElse .......................................... .................................................................. ..................................38
Organigramme de ifelse............................................................ .................................................................. ......................................38
si instruction............................................................ .................................................................. ......................................................39
if...else Déclaration ............................................ .................................................................. ......................................40
si...sinon si... Déclaration .................................. .................................................................. ......................................41
8. JAVASCRIPT – SwitchCase .......................................... .................................................................. ......................43
Organigramme ............................................................ .................................................................. .................................................................. .43
9. JAVASCRIPT – Boucle While ............................................ .................................................................. ........................47 La boucle
while ....................... .................................................................. .................................................................. .....................47 La boucle
do...while ..................... .................................................................. .................................................................. ............49
10. JAVASCRIPT – Boucle For ............................................ .................................................................. ........................52 La boucle
for .................. .................................................................. .................................................................. ......................52
11. JAVASCRIPT – Boucle Forin ............................................ .................................................................. ......................55
12. JAVASCRIPT – Contrôle de boucle............................................ .................................................................. .......................57 L'instruction
break.................................. .................................................................. .................................................................. ..........57
La déclaration continue................................................................. .................................................................. ..................................59
Utiliser des étiquettes pour contrôler le flux.................................................. .................................................................. ......................60
13. JAVASCRIPT – Fonctions.................................................. .................................................................. ......................64
Définition de la fonction............................................................ .................................................................. ......................................64
Appel d'une fonction ............................................................ .................................................................. ......................................65
Paramètres de fonction................................................................. .................................................................. ......................................66
La déclaration de retour............................................................ .................................................................. ......................................67
Fonctions imbriquées................................................. .................................................................. ......................................68
Fonction () Constructeur .............................................. .................................................................. ........................70 Littéraux de
fonction.............. .................................................................. .................................................................. ......................71
14. JAVASCRIPT – Événements.................................................. .................................................................. ......................................74
Qu’estce qu’un événement ?................................................... .................................................................. ......................................74
Type d'événement onclick............................................................ .................................................................. ......................................74 Type
d'événement onsubmit...... .................................................................. .................................................................. ......................75 onmouseover et
onmouseout.............. .................................................................. ..................................................76
Événements standards HTML 5 .................................................. .................................................................. ..................................77
15. JAVASCRIPT – Cookies.................................................. .................................................................. ................................82
Que sont les cookies ?............................................................ .................................................................. ......................................82
Comment ça fonctionne? .................................................................. .................................................................. ......................................82
Stockage des cookies.................................................. .................................................................. ........................................83 Lecture des
cookies .....................................83 Lecture des cookies ... .................................................................. .................................................................. ......................................84
Définition de la date d'expiration des cookies........ .................................................................. .................................................................. ..................86
Supprimer un cookie.................................. .................................................................. .................................................................. ........87
iii
Machine Translated by Google
16. JAVASCRIPT – Redirection de page ............................................ .................................................................. ......................89 Qu'estce que
la redirection de page ?.................................. .................................................................. .................................................................. ..89
Actualisation de la page JavaScript.................................................. .................................................................. ......................................89
Actualisation automatique............ .................................................................. .................................................................. ..................................89
Comment fonctionne la redirection de page ?............................................ .................................................................. ......................90
17. JAVASCRIPT – Boîte de dialogue ............................................ .................................................................. ........................94 Boîte de
dialogue Alerte .................. .................................................................. .................................................................. .......................94 Boîte
de dialogue de confirmation.................. .................................................................. .................................................................. ...95 Boîte de
dialogue d'invite.................................................. .................................................................. ......................................96
18. JAVASCRIPT – Motclé vide............................................ .................................................................. ......................98
19. JAVASCRIPT – Impression de pages ............................................ .................................................................. ......................101 Comment
imprimer une page ? .................................................................. .................................................................. ..................................102
PARTIE 2 : OBJETS JAVASCRIPT ............................................ .................................................................. .. 103
20. JAVASCRIPT – Objets........................................................ .................................................................. ............................105 Propriétés de
l'objet..................... .................................................................. .................................................................. ..................105 Méthodes
objets.................................. .................................................................. .................................................................. ..........105 Objets définis
par l'utilisateur .................................. .................................................................. ......................................106 Définir des méthodes pour un
Objet................................................. .................................................................. ............108 Le motclé
'with'.................................. .................................................................. .................................................................. .....109
21. JAVASCRIPT – Numéro.................................................. .................................................................. ......................112
Propriétés des nombres................................................. .................................................................. .....................................112
MAX_VALUE ............ .................................................................. .................................................................. ................................113
VALEUR_MIN .............. .................................................................. .................................................................. ........................114
NaN.......................... .................................................................. .................................................................. ......................................115
NEGATIVE_INFINITY.................................................. .................................................................. ..................................117
POSITIVE_INFINITY .............. .................................................................. .................................................................. .....................118
Prototypes............................ .................................................................. .................................................................. ......................119
constructeur.......................... .................................................................. .................................................................. ...................121
Méthodes numériques................................................. .................................................................. ......................................121
àExponentiel ()................................................................. .................................................................. ......................................122 àFixe
().... .................................................................. .................................................................. ................................................124 versLocaleString
() .................................................................. .................................................................. ......................................125 àPrecision
() ........ .................................................................. .................................................................. ......................................126 toString
().......... .................................................................. .................................................................. ......................................127 valeurDe
()....... .................................................................. .................................................................. ......................................128
22. JAVASCRIPT – Booléen .............................................. .................................................................. ......................130
Propriétés booléennes................................................................ .................................................................. ......................................130
constructeur ().......... .................................................................. .................................................................. ..................................130
Prototype............... .................................................................. .................................................................. ..................................131
Méthodes booléennes............. .................................................................. .................................................................. ......................132
pour citer ()............................................... .................................................................. .................................................................. 133 toString
()............................................. .................................................................. .................................................................. ...134 valeurDe
()........................................... .................................................................. .................................................................. ......135
iv
Machine Translated by Google
23. JAVASCRIPT – Chaîne.................................................. .................................................................. ..................................137 Propriétés
de chaîne.............. .................................................................. .................................................................. ......................137
constructeur.......................... .................................................................. .................................................................. ......................137
Longueur................................................. .................................................................. .................................................................. .....138
Prototypes.................................................. .................................................................. .................................................................. ......139
Méthodes de chaîne............................................ .................................................................. ......................................................140
charAt()............................................................ .................................................................. .................................................................. .....142
charCodeAt ().................................................. .................................................................. .................................................................. ..143
contact () ............................................ .................................................................. .................................................................. .....144
indexDe ().................................................. .................................................................. .................................................................. ........145
lastIndexOf () ...................................... .................................................................. .................................................................. .....147
localeCompare () ....................................... .................................................................. ..................................................148
correspondance () .................................................................. .................................................................. ..................................................................
.149 remplacer ()............................................. .................................................................. .................................................................. .....150
Recherche ().................................................. .................................................................. .................................................................. ..........153
tranche () ....................................... .................................................................. .................................................................. ..................154
fractionné ().......................... .................................................................. .................................................................. ......................155
substr ().............. .................................................................. .................................................................. ........................156 souschaîne
()............. .................................................................. .................................................................. ..................................157
toLocaleLowerCase() ............ .................................................................. .................................................................. ...................158
toLocaleUppereCase () .......................... .................................................................. .................................................................. .159 en
minuscules ().................................................. .................................................................. ................................................160
versChaîne() .................................................................. .................................................................. ......................................................161
toUpperCase () .................................................. .................................................................. ......................................162 valeurDe
()... .................................................................. .................................................................. ................................................163 Wrappers
HTML de chaînes .................................................................. .................................................................. ............................164
ancre() .................. .................................................................. .................................................................. ..................................165
gros()............ .................................................................. .................................................................. ......................................166
clignotent (). .................................................................. .................................................................. .................................................................. ...167
gras () .............................................. .................................................................. .................................................................. ...........168
fixe ()............................................ .................................................................. .................................................................. ...................168
fontColor () .............................. .................................................................. .................................................................. ...................169
taille de police ()........................... .................................................................. .................................................................. ......................170
italique () ...................... .................................................................. .................................................................. ............................171
lien ().................. .................................................................. .................................................................. ......................................172
petit ()....... .................................................................. .................................................................. ......................................173 grève
(). .................................................................. .................................................................. .................................................................. ..174
sous()............................................ .................................................................. .................................................................. ............175
sup ()................................. .................................................................. .................................................................. ......................176
24. JAVASCRIPT – Tableaux........................................................ .................................................................. ............................178 Propriétés
du tableau .................. .................................................................. .................................................................. ......................178
constructeur................................................. .................................................................. ..................................................179
longueur................................................. .................................................................. .................................................................. ......180
Prototypes............................................ .................................................................. .................................................................. .......181
Méthodes de tableau............................................ .................................................................. ..................................................................
.182 concat ()............................................. .................................................................. .................................................................. ......184
tous les ()............................................ .................................................................. .................................................................. ............185
filtre ()................................. .................................................................. .................................................................. ......................187
pourChaque () .......................... .................................................................. .................................................................. ......................190
v
Machine Translated by Google
Indice de ()............................................... .................................................................. .................................................................. ..192
rejoindre () .................................................. .................................................................. .................................................................. ...........195
lastIndexOf () .................................... .................................................................. .................................................................. ........196
carte () ....................................... .................................................................. .................................................................. ................199
pop () .............................. .................................................................. .................................................................. ......................201
appuyer sur ().................................. .................................................................. .................................................................. ..................................202
réduire () .............. .................................................................. .................................................................. ......................................204
réduireDroite ()......... .................................................................. .................................................................. ..................................207
marche arrière () .............. .................................................................. .................................................................. ......................................211
décalage () .......... .................................................................. .................................................................. ........................................212
tranche () .. .................................................................. .................................................................. .................................................................. ..213
certains ()............................................ .................................................................. .................................................................. .........214
trier () ....................................... .................................................................. .................................................................. ..................216
épissure () ............................ .................................................................. .................................................................. ......................217
toString ().......................... .................................................................. .................................................................. ......................219
unshift () .................... .................................................................. .................................................................. ..................................220
25. JAVASCRIPT – Date .............................................. .................................................................. ................................222
Propriétés des dates................................................ .................................................................. ......................................223
constructeur................................................. .................................................................. ..................................................223
Prototype................................................. .................................................................. .................................................................. 224
Méthodes de datation................................................ .................................................................. ......................................................226
Date()............................................... .................................................................. .................................................................. ........229
getDate().................................. .................................................................. .................................................................. ............229
getDay() .................................. .................................................................. .................................................................. .................230
getFullYear() .............................. .................................................................. .................................................................. ...............231
getHours().................................. .................................................................. .................................................................. ...............232
getMilliseconds() .............................. .................................................................. .................................................................. ........233
getMinutes ().......................................... .................................................................. .................................................................. .....234
getMonth () .......................................... .................................................................. .................................................................. ....235
getSeconds ().......................................... .................................................................. .................................................................. .236
getTime() ............................................ .................................................................. .................................................................. ...236
getTimezoneOffset ()........................................... .................................................................. ......................................237
getUTCDate() ........ .................................................................. .................................................................. ..................................238
getUTCDay ()............ .................................................................. .................................................................. ................................239
getUTCFullYear ().............. .................................................................. .................................................................. .......................240
getUTCHours () ....................... .................................................................. .................................................................. ...............241
getUTCMilliseconds ()............................. .................................................................. .................................................................. .242
getUTCMinutes () ............................................ .................................................................. ......................................243 getUTCMonth
()..... .................................................................. .................................................................. ..................................243 getUTCSeconds
() ............ .................................................................. .................................................................. ........................244
getYear() ...................... .................................................................. .................................................................. ......................245 setDate
().......................... .................................................................. .................................................................. ................................246
setFullYear ().............. .................................................................. .................................................................. ............................247
setHours ().................. .................................................................. .................................................................. ......................248
setMillisecondes ()............... .................................................................. .................................................................. .....................249
setMinutes () .......................... .................................................................. .................................................................. ...............250
setMonth ().................................. .................................................................. .................................................................. ...............251
setSeconds () .............................. .................................................................. .................................................................. ..............252
setTime ()................................ .................................................................. .................................................................. ...............254
vi
Machine Translated by Google
setUTCDate () .................................................. .................................................................. ......................................254 setUTCFullYear
() . .................................................................. .................................................................. ......................................255 setUTCHours
() .......... .................................................................. .................................................................. ................................257 setUTCMillisecondes
().............. .................................................................. .................................................................. ..............258 setUTCMinutes
().............................. .................................................................. .................................................................. .....259 setUTC Mois
() ............................................ .................................................................. ................................................260 setUTCSeconds
()................................................. .................................................................. ......................................261 setYear
() ....... .................................................................. .................................................................. ......................................262 toDateString
().... .................................................................. .................................................................. ......................................263
versGMTString()......... .................................................................. .................................................................. ................................264
toLocaleDateString ().............. .................................................................. .................................................................. ...............265
toLocaleDateString ()............................. .................................................................. .................................................................. ..266
toLocaleFormat () ............................................ .................................................................. ........................................266
toLocaleString() .... .................................................................. .................................................................. ..................................267
toLocaleTimeSring ()............ .................................................................. .................................................................. ......................268
versSource ().......................... .................................................................. .................................................................. ......................269 toString
()......................... .................................................................. .................................................................. ......................270 toTimeString
().......................... .................................................................. .................................................................. ...................271 versUTCString
() .............................. .................................................................. .................................................................. ...............272valeOf() .................................. .......................
[Link] ( )............................................. .................................................................. ..................................................274 Date .UTC
( ) .............................................. .................................................................. ......................................................275
26. JAVASCRIPT – Mathématiques ............................................ .................................................................. ..................................277
Propriétés mathématiques ...................................................... .................................................................. ......................................277
MathématiquesE................................................ .................................................................. .................................................................. ......278
MathLN2............................................................ .................................................................. .................................................................. ..279
MathLN10............................................................ .................................................................. .................................................................. 279
MathLOG2E .............................................. .................................................................. ..................................................280
MathLOG10E .................................................. .................................................................. ......................................................281
MathPI.................................................. .................................................................. .................................................................. .....282
MathSQRT1_2 .................................................. .................................................................. ......................................283 Math
SQRT2 ... .................................................................. .................................................................. ......................................283 Méthodes
mathématiques....... .................................................................. .................................................................. ......................................284
abdos ()............................................... .................................................................. .................................................................. .........285 acos
() ....................................... .................................................................. .................................................................. ...............287 asin
( ) .............................. .................................................................. .................................................................. ........................288 atan
( ) ..................... .................................................................. .................................................................. ................................289 atan2
( ) .............. .................................................................. .................................................................. ......................................290 plafond
( ) ......... .................................................................. .................................................................. ................................................292 cos
( ) .................................................................. .................................................................. .................................................................. .....293 exp
( ).................................................. .................................................................. .................................................................. ..............295 étage
( )................................ .................................................................. .................................................................. ......................296 journal
( )......................... .................................................................. .................................................................. ..................................297 maximum
( )............... .................................................................. .................................................................. ......................................298 minutes
( ) ....... .................................................................. .................................................................. ..................................................300 puissance
( ).................................................. .................................................................. .................................................................. .....301 aléatoire
( ).................................................. .................................................................. .................................................................. .......302 tours
( ).................................................. .................................................................. .................................................................. ............304
vii
Machine Translated by Google
péché ( )............................................... .................................................................. .................................................................. .........305 carrés
( ) ..................................... .................................................................. .................................................................. .................306 beige
( ) ................................ .................................................................. .................................................................. ........................307 versSource
( ) .................... .................................................................. .................................................................. ......................309
27. JAVASCRIPT – RegExp .................................................. .................................................................. ............................310
Supports.................................. .................................................................. .................................................................. ..................................310
Quantificateurs.................................................. .................................................................. ................................................311 Littéral
Personnages................................................. .................................................................. ......................................312
Métacaractères ............................................................ .................................................................. ......................................313
Modificateurs .................................................. .................................................................. .................................................................. 313
Propriétés RegExp ............................................................ .................................................................. ......................................314
constructeur................................................. .................................................................. ..................................................314
mondial ................................................. .................................................................. .................................................................. ......315
ignoreCase.......................................... .................................................................. .................................................................. .....316
dernierIndex .......................................... .................................................................. .................................................................. .......318
multiligne................................................................ .................................................................. .................................................................. ..319
source ................................................. .................................................................. .................................................................. .....320
Méthodes RegExp................................................. .................................................................. ........................................321 exécutable
( ) ...... .................................................................. .................................................................. ..................................................322 essai
( ) .................................................. .................................................................. .................................................................. .....323 versSource
( ) ............................................ .................................................................. .................................................................. .....324 toString
( ).................................................. .................................................................. .................................................................. .......325
28. JAVASCRIPT – DOM.................................................. .................................................................. ................................327
L'héritage DOM............................................................ .................................................................. ......................................328
Le DOM du W3C.................................................. .................................................................. ......................................334
Le DOM d'IE 4................................................. .................................................................. ..................................................338
Compatibilité DOM............................................................ .................................................................. ......................................342
PARTIE 3 : JAVASCRIPT AVANCÉ ............................................ ...................................................... 344
29. JAVASCRIPT – Erreurs et exceptions........................................................ .................................................................. ........345 Erreurs de
syntaxe............................................... .................................................................. .................................................................. .....345 Erreurs
d'exécution ............................................ .................................................................. ......................................................345
Erreurs logiques............................................................ .................................................................. ......................................346
L'essai.. .catch...finally Déclaration .......................................... .................................................................. ..................346 La déclaration de
lancer ............................ .................................................................. .................................................................. ..350
La méthode onerror( ) .................................................. .................................................................. ......................................351
30. JAVASCRIPT – Validation du formulaire............................................ .................................................................. ................354
Validation du formulaire de base................................................. .................................................................. ......................................356
Validation du format des données .................................................. .................................................................. ......................357
31. JAVASCRIPT – Animations ............................................ .................................................................. ......................359
Animation manuelle............................................................ .................................................................. ......................................360
Animation automatisée............................................................ .................................................................. ..................................361
Survol avec un événement de souris.................................................. .................................................................. ......................362
32. JAVASCRIPT – Multimédia.................................................. .................................................................. ......................365
viii
Machine Translated by Google
Vérification des plugins............................................................ .................................................................. ......................................366 Contrôle
du multimédia ........ .................................................................. .................................................................. ................367
33. JAVASCRIPT – Débogage ...................................................... .................................................................. .......................369 Messages d'erreur
dans IE ....................... .................................................................. .................................................................. ..........369 Messages d'erreur dans
Firefox ou Mozilla ................................. .................................................................. ......................370 Notifications
d’erreurs.................. .................................................................. .................................................................. ............371
Comment déboguer un script............................................................ .................................................................. ..................................371
Conseils utiles pour les développeurs ........ .................................................................. .................................................................. ...........372
34. JAVASCRIPT – Image cliquable ............................................ .................................................................. .......................374
35. JAVASCRIPT – Navigateurs ............................................ .................................................................. ......................377
Propriétés du navigateur ............................................................ .................................................................. ........................377 Méthodes du
navigateur.............. .................................................................. .................................................................. ......................378
Détection du navigateur.................................................. .................................................................. ......................................379
ix
Machine Translated by Google
Partie 1 : bases de JavaScript
dix
Machine Translated by Google
[Link] – APERÇU
Qu'estce que JavaScript ?
Javascript est un langage de programmation informatique dynamique. Il est léger et le plus souvent
utilisé dans le cadre de pages Web, dont les implémentations permettent au script côté client
d'interagir avec l'utilisateur et de créer des pages dynamiques. Il s'agit d'un langage de programmation
interprété doté de capacités orientées objet.
JavaScript était d'abord connu sous le nom de LiveScript, mais Netscape a changé son nom en
JavaScript, peutêtre en raison de l'enthousiasme généré par Java. JavaScript a fait sa première
apparition dans Netscape 2.0 en 1995 sous le nom de LiveScript. Le noyau général du langage a été
intégré à Netscape, Internet Explorer et d'autres navigateurs Web.
La spécification ECMA262 défini une version standard du langage JavaScript principal.
• JavaScript est un langage de programmation léger et interprété.
• Conçu pour créer des applications centrées sur le réseau.
• Complémentaire et intégré à Java.
• Complémentaire et intégré à HTML.
• Ouvert et multiplateforme.
JavaScript côté client
JavaScript côté client est la forme la plus courante du langage. Le script doit être inclus ou référencé
par un document HTML pour que le code soit interprété par le navigateur.
Cela signifie qu'une page Web ne doit pas nécessairement être un code HTML statique, mais peut inclure des
programmes qui interagissent avec l'utilisateur, contrôlent le navigateur et créent dynamiquement du contenu HTML.
Le mécanisme JavaScript côté client offre de nombreux avantages par rapport aux scripts CGI
traditionnels côté serveur. Par exemple, vous pouvez utiliser JavaScript pour vérifier si l'utilisateur a
saisi une adresse email valide dans un champ de formulaire.
11
Machine Translated by Google
Le code JavaScript est exécuté lorsque l'utilisateur soumet le formulaire, et seulement si toutes les entrées sont
valides, elles seront soumises au serveur Web.
JavaScript peut être utilisé pour intercepter les événements déclenchés par l'utilisateur, tels que les clics sur des
boutons, la navigation par lien et d'autres actions que l'utilisateur initie explicitement ou implicitement.
Avantages de JavaScript
Les avantages de l'utilisation de JavaScript sont :
• Moins d'interaction avec le serveur : vous pouvez valider les entrées de l'utilisateur avant d'envoyer la page
au serveur. Cela économise le trafic du serveur, ce qui signifie moins de charge sur votre
serveur.
• Retour immédiat aux visiteurs : ils n'ont pas à attendre une page
rechargez pour voir s’ils ont oublié de saisir quelque chose.
• Interactivité accrue : Vous pouvez créer des interfaces qui réagissent lorsque l'utilisateur les survole avec la
souris ou les active via le clavier.
• Interfaces plus riches : vous pouvez utiliser JavaScript pour inclure des éléments tels que des composants
glisserdéposer et des curseurs afin de fournir une interface riche aux visiteurs de votre site.
Limites de JavaScript
Nous ne pouvons pas considérer JavaScript comme un langage de programmation à part entière. Il lui manque
les fonctionnalités importantes suivantes :
• JavaScript côté client ne permet pas la lecture ou l'écriture de fichiers. Cela a
été conservé pour des raisons de sécurité.
• JavaScript ne peut pas être utilisé pour les applications réseau car aucune prise en charge de ce type n'est
disponible.
• JavaScript n'a aucune fonctionnalité multithread ou multiprocesseur.
Encore une fois, JavaScript est un langage de programmation léger et interprété qui vous permet de créer de
l'interactivité dans des pages HTML autrement statiques.
Outils de développement JavaScript
L’un des principaux atouts de JavaScript est qu’il ne nécessite pas d’outils de développement coûteux. Vous
pouvez commencer avec un simple éditeur de texte tel que le Blocnotes. Puisqu'il
12
Machine Translated by Google
est un langage interprété dans le contexte d'un navigateur Web, vous n'avez même pas besoin
d'acheter un compilateur.
Pour nous simplifier la vie, divers fournisseurs ont mis au point de très bons outils d'édition
JavaScript. Certains d’entre eux sont répertoriés ici :
• Microsoft FrontPage : Microsoft a développé un éditeur HTML populaire appelé FrontPage.
FrontPage fournit également aux développeurs Web un certain nombre d'outils JavaScript
pour les aider à créer des sites Web interactifs.
• Macromedia Dreamweaver MX : Macromedia Dreamweaver MX est un éditeur HTML et
JavaScript très populaire parmi les professionnels du développement Web. Il fournit
plusieurs composants JavaScript prédéfinis pratiques, s'intègre bien aux bases de données
et est conforme aux nouvelles normes telles que XHTML et XML.
• Macromedia HomeSite 5 : HomeSite 5 est un éditeur HTML et JavaScript très apprécié de
Macromedia qui peut être utilisé pour gérer efficacement des sites Web personnels.
Où est JavaScript aujourd’hui ?
La norme ECMAScript Edition 5 sera la première mise à jour publiée depuis plus de quatre ans.
JavaScript 2.0 est conforme à l'édition 5 de la norme ECMAScript et la différence entre les deux est
extrêmement mineure.
La spécification pour JavaScript 2.0 peut être trouvée sur le site suivant : [Link]
Aujourd'hui, JavaScript de Netscape et JScript de Microsoft sont conformes à la norme ECMAScript,
bien que les deux langages prennent toujours en charge les fonctionnalités qui ne font pas partie
de la norme.
13
Machine Translated by Google
[Link] – SYNTAXE
JavaScript peut être implémenté à l'aide d'instructions JavaScript placées dans les balises HTML
<script>... </script> d'une page Web.
Vous pouvez placer les balises <script> , contenant votre JavaScript, n'importe où dans votre page
Web, mais il est normalement recommandé de les conserver dans le <head>.
Mots clés.
La balise <script> alerte le programme de navigation pour qu'il commence à interpréter tout le texte
entre ces balises comme un script. Une syntaxe simple de votre JavaScript apparaîtra comme suit.
<script...>
Code JavaScript
</script>
La balise script prend deux attributs importants :
• Langue : cet attribut spécifie le langage de script que vous utilisez.
Généralement, sa valeur sera javascript. Bien que les versions récentes de HTML (et de
XHTML, son successeur) aient progressivement supprimé l'utilisation de cet attribut.
• Type : Cet attribut est désormais recommandé pour indiquer le langage de script utilisé et sa
valeur doit être définie sur "text/javascript".
Votre syntaxe JavaScript ressemblera donc à ceci.
<langage de script="javascript" type="text/javascript">
Code JavaScript
</script>
Votre premier code JavaScript
Prenons un exemple pour imprimer "Hello World". Nous avons ajouté un commentaire HTML facultatif
qui entoure notre code JavaScript. Il s'agit de sauvegarder notre code à partir d'un navigateur qui ne
prend pas en charge JavaScript. Le commentaire se termine par un "//>". Ici "//" signifie un
commentaire en JavaScript, nous l'ajoutons donc pour empêcher un navigateur de lire
14
Machine Translated by Google
la fin du commentaire HTML sous forme de morceau de code JavaScript. Ensuite, nous appelons une
fonction [Link] qui écrit une chaîne dans notre document HTML.
Cette fonction peut être utilisée pour écrire du texte, du HTML ou les deux. Jetez un œil au code suivant.
<html>
<corps>
<langage de script="javascript" type="text/javascript">
<!
[Link] ("Bonjour tout le monde !")
//>
</script>
</corps>
</html>
Ce code produira le résultat suivant :
Bonjour le monde!
Espaces et sauts de ligne
JavaScript ignore les espaces, les tabulations et les nouvelles lignes qui apparaissent dans les programmes JavaScript.
Vous pouvez utiliser librement les espaces, les tabulations et les nouvelles lignes dans votre programme
et vous êtes libre de formater et d'indenter vos programmes d'une manière soignée et cohérente qui rend
le code facile à lire et à comprendre.
Les pointsvirgules sont facultatifs
Les instructions simples en JavaScript sont généralement suivies d'un pointvirgule, tout comme en C, C+
+ et Java. JavaScript vous permet cependant d'omettre ce pointvirgule si chacune de vos instructions est
placée sur une ligne distincte. Par exemple, le code suivant pourrait être écrit sans pointsvirgules.
<langage de script="javascript" type="text/javascript">
15
Machine Translated by Google
<!
variable1 = 10
variable2 = 20
//>
</script>
Mais lorsqu'il est formaté sur une seule ligne comme suit, vous devez utiliser des pointsvirgules :
<langage de script="javascript" type="text/javascript">
<!
var1 = 10 ; var2 = 20 ;
//>
</script>
Remarque : C'est une bonne pratique de programmation d'utiliser des pointsvirgules.
Sensibilité à la casse
JavaScript est un langage sensible à la casse. Cela signifie que les motsclés du langage, les variables,
les noms de fonctions et tout autre identifiant doivent toujours être saisis avec une majuscule cohérente.
Ainsi, les identifiants Time et TIME véhiculeront des significations différentes en JavaScript.
REMARQUE : des précautions doivent être prises lors de l'écriture des noms de variables et de fonctions en JavaScript.
Commentaires en JavaScript
JavaScript prend en charge les commentaires de style C et C++. Ainsi:
• Tout texte entre un // et la fin d'une ligne est traité comme un commentaire et est ignoré par
JavaScript.
• Tout texte compris entre les caractères /* et */ est traité comme un commentaire. Ceci peut
s'étendent sur plusieurs lignes.
16
Machine Translated by Google
• JavaScript reconnaît également la séquence d'ouverture des commentaires HTML <!.
JavaScript traite cela comme un commentaire sur une seule ligne, tout comme le commentaire //.
• La séquence de fermeture du commentaire HTML > n'est pas reconnue par JavaScript, elle
doit être écrit comme //>.
Exemple
L'exemple suivant montre comment utiliser les commentaires en JavaScript.
<langage de script="javascript" type="text/javascript">
<!
// Ceci est un commentaire. C'est similaire aux commentaires en C++
/*
* Ceci est un commentaire multiligne en JavaScript
* C'est très similaire aux commentaires en programmation C
*/
//>
</script>
17
Machine Translated by Google
[Link] – ACTIVATION
Tous les navigateurs modernes intègrent la prise en charge de JavaScript. Souvent, vous devrez peutêtre activer ou
désactiver cette prise en charge manuellement. Ce chapitre explique la procédure d'activation et de désactivation du
support JavaScript dans vos navigateurs : Internet Explorer, Firefox, Chrome et Opera.
Javascript dans Internet Explorer
Voici les étapes pour activer ou désactiver JavaScript dans Internet Explorer :
• Suivez Outils > Options Internet dans le menu.
• Sélectionnez l'onglet Sécurité dans la boîte de dialogue.
• Cliquez sur le bouton Niveau personnalisé .
• Faites défiler vers le bas jusqu'à ce que vous trouviez l' option Script .
• Sélectionnez le bouton radio Activer sous Active Scripting.
• Enfin, cliquez sur OK et sortez.
Pour désactiver la prise en charge de JavaScript dans votre Internet Explorer, vous devez sélectionner Désactiver
bouton radio sous Active Scripting.
JavaScript dans Firefox
Voici les étapes pour activer ou désactiver JavaScript dans Firefox :
• Ouvrez un nouvel onglet > tapez about: config dans la barre d'adresse.
• Vous trouverez ensuite la boîte de dialogue d'avertissement. Sélectionnez Je ferai attention, promis !
• Vous trouverez ensuite la liste des options de configuration dans le navigateur.
• Dans la barre de recherche, tapez [Link].
• Vous y trouverez la possibilité d'activer ou de désactiver Javascript en cliquant avec le bouton droit de la souris.
sur la valeur de cette option > sélectionnez bascule.
Si [Link] est vrai ; il se convertit en faux en cliquant sur Toogle. Si javascript est désactivé ; il est activé
en cliquant sur bascule.
18
Machine Translated by Google
JavaScript dans Chrome
Voici les étapes pour activer ou désactiver JavaScript dans Chrome :
• Cliquez sur le menu Chrome dans le coin supérieur droit de votre navigateur.
• Sélectionnez Paramètres.
• Cliquez sur Afficher les paramètres avancés à la fin de la page.
• Sous la section Confidentialité , cliquez sur le bouton Paramètres de contenu.
• Dans la section « Javascript », sélectionnez « Ne permettre à aucun site d'exécuter JavaScript »
ou "Autoriser tous les sites à exécuter JavaScript (recommandé)".
JavaScript dans Opéra
Voici les étapes pour activer ou désactiver JavaScript dans Opera :
• Suivez Outils> Préférences dans le menu.
• Sélectionnez l'option Avancé dans la boîte de dialogue.
• Sélectionnez Contenu parmi les éléments répertoriés.
• Cochez la case Activer JavaScript .
• Enfin, cliquez sur OK et sortez.
Pour désactiver la prise en charge de JavaScript dans Opera, vous ne devez pas cocher la case Activer JavaScript.
Avertissement pour les navigateurs non JavaScript
Si vous devez faire quelque chose d'important en utilisant JavaScript, vous pouvez alors afficher un message
d'avertissement à l'utilisateur à l'aide des balises <noscript> .
Vous pouvez ajouter un bloc noscript immédiatement après le bloc de script comme suit :
<html>
<corps>
<langage de script="javascript" type="text/javascript">
<!
19
Machine Translated by Google
[Link] ("Bonjour tout le monde !")
//>
</script>
<noscript>
Désolé... JavaScript est nécessaire pour continuer.
</noscript>
</corps>
</html>
Désormais, si le navigateur de l'utilisateur ne prend pas en charge JavaScript ou si JavaScript n'est
pas activé, le message de </noscript> sera affiché à l'écran.
20
Machine Translated by Google
[Link] – PLACEMENT
Il existe une flexibilité donnée pour inclure du code JavaScript n'importe où dans un document HTML.
Cependant, les méthodes les plus privilégiées pour inclure JavaScript dans un fichier HTML sont les suivantes :
• Script dans la section <head>...</head>.
• Script dans la section <body>...</body>.
• Script dans les sections <body>...</body> et <head>...</head>.
• Script dans un fichier externe puis inclusion dans la section <head>...</head>.
Dans la section suivante, nous verrons comment placer JavaScript dans un fichier HTML de différentes
manières.
JavaScript dans la section <head>...</head>
Si vous souhaitez exécuter un script sur un événement, par exemple lorsqu'un utilisateur clique
quelque part, vous placerez ce script dans l'entête comme suit.
<html>
<tête>
<script type="text/javascript">
<!
fonction direBonjour() {
alerte("Bonjour tout le monde")
}
//>
</script>
</tête>
<corps>
Cliquez ici pour le résultat
<input type="button" onclick="sayHello()" value="Dites bonjour" />
21
Machine Translated by Google
</corps>
</html>
Ce code produira les résultats suivants :
Cliquez ici pour le résultat
Dis bonjour
JavaScript dans la section <body>...</body>
Si vous avez besoin d'un script à exécuter lors du chargement de la page afin que le script génère du
contenu dans la page, alors le script est placé dans la partie <body> du document. Dans ce cas, aucune
fonction n’est définie à l’aide de JavaScript. Jetez un œil au code suivant.
<html>
<tête>
</tête>
<corps>
<script type="text/javascript">
<!
[Link]("Bonjour tout le monde")
//>
</script>
<p>Voici le corps de la page Web </p>
</corps>
</html>
Ce code produira les résultats suivants :
Bonjour le monde
22
Machine Translated by Google
Ceci est le corps de la page Web
JavaScript dans les sections <body> et <head>
Vous pouvez placer votre code JavaScript dans les sections <head> et <body> comme suit.
<html>
<tête>
<script type="text/javascript">
<!
fonction direBonjour() {
alerte("Bonjour tout le monde")
}
//>
</script>
</tête>
<corps>
<script type="text/javascript">
<!
[Link]("Bonjour tout le monde")
//>
</script>
<input type="button" onclick="sayHello()" value="Dites bonjour" />
</corps>
</html>
Ce code produira le résultat suivant.
Bonjour le monde
Dis bonjour
23
Machine Translated by Google
JavaScript dans un fichier externe
Au fur et à mesure que vous commencerez à travailler de manière plus approfondie avec JavaScript, vous
constaterez probablement qu'il existe des cas où vous réutilisez du code JavaScript identique sur plusieurs
pages d'un site.
Vous n'êtes pas limité à conserver un code identique dans plusieurs fichiers HTML.
La balise script fournit un mécanisme vous permettant de stocker JavaScript dans un fichier externe, puis
de l'inclure dans vos fichiers HTML.
Voici un exemple pour montrer comment inclure un fichier JavaScript externe dans votre code HTML à
l'aide de la balise script et de son attribut src .
<html>
<tête>
<script type="text/javascript" src="[Link]" ></script>
</tête>
<corps>
.......
</corps>
</html>
Pour utiliser JavaScript à partir d'une source de fichier externe, vous devez écrire tout votre code source
JavaScript dans un simple fichier texte avec l'extension « .js », puis inclure ce fichier comme indiqué ci
dessus.
Par exemple, vous pouvez conserver le contenu suivant dans le fichier [Link] , puis utiliser la fonction
sayHello dans votre fichier HTML après avoir inclus le fichier [Link].
fonction direBonjour() {
alerte("Bonjour tout le monde")
24
Machine Translated by Google
[Link] – VARIABLES
Types de données JavaScript
L’une des caractéristiques les plus fondamentales d’un langage de programmation est l’ensemble des types de
données qu’il prend en charge. C'est le type de valeurs qui peuvent être représentées et manipulées dans un
langage de programmation.
JavaScript vous permet de travailler avec trois types de données primitifs :
• Nombres, par exemple 123, 120,50, etc.
• Chaînes de texte, par exemple "Cette chaîne de texte", etc.
• Booléen, par exemple vrai ou faux.
JavaScript définit également deux types de données triviaux, nuls et non définis, dont chacun ne définit qu'une
seule valeur. En plus de ces types de données primitifs, JavaScript prend en charge un type de données
composite appelé objet. Nous aborderons les objets en détail dans un chapitre séparé.
Remarque : Java ne fait pas de distinction entre les valeurs entières et les valeurs à virgule flottante. Tous les
nombres en JavaScript sont représentés sous forme de valeurs à virgule flottante. JavaScript représente les
nombres en utilisant le format à virgule flottante 64 bits défini par la norme IEEE 754.
Variables JavaScript
Comme beaucoup d’autres langages de programmation, JavaScript comporte des variables. Les variables
peuvent être considérées comme des conteneurs nommés. Vous pouvez placer des données dans ces
conteneurs, puis y faire référence simplement en nommant le conteneur.
Avant d'utiliser une variable dans un programme JavaScript, vous devez la déclarer. Les variables sont déclarées
avec le motclé var comme suit.
<script type="text/javascript">
<!
argent du Var;
nom de la variable ;
25
Machine Translated by Google
//>
</script>
Vous pouvez également déclarer plusieurs variables avec le même motclé var comme suit :
<script type="text/javascript">
<!
var argent, nom;
//>
</script>
Le stockage d'une valeur dans une variable est appelé initialisation de variable. Vous pouvez effectuer
l'initialisation de la variable au moment de la création de la variable ou ultérieurement lorsque vous avez
besoin de cette variable.
Par exemple, vous pouvez créer une variable nommée money et lui attribuer la valeur 2000,50
ultérieurement. Pour une autre variable, vous pouvez attribuer une valeur au moment de l'initialisation
comme suit.
<script type="text/javascript">
<!
nom var = "Ali" ;
argent du Var;
argent = 2000,50 ;
//>
</script>
Remarque : utilisez le motclé var uniquement pour la déclaration ou l'initialisation, une fois pour la durée de vie de
n'importe quel nom de variable dans un document. Vous ne devez pas déclarer à nouveau la même variable deux fois.
JavaScript est un langage non typé . Cela signifie qu'une variable JavaScript peut contenir une valeur
de n'importe quel type de données. Contrairement à de nombreux autres langages, vous n'avez pas
besoin d'indiquer à JavaScript lors de la déclaration de la variable quel type de valeur la variable
contiendra. Le type de valeur d'une variable peut changer lors de l'exécution d'un programme et
JavaScript s'en charge automatiquement.
26
Machine Translated by Google
Portée des variables JavaScript
La portée d'une variable est la région de votre programme dans laquelle elle est définie. Les variables
JavaScript n'ont que deux portées.
• Variables globales : une variable globale a une portée globale, ce qui signifie qu'elle peut être
défini n'importe où dans votre code JavaScript.
• Variables locales : une variable locale sera visible uniquement dans une fonction où elle est
définie. Les paramètres de fonction sont toujours locaux à cette fonction.
Dans le corps d'une fonction, une variable locale est prioritaire sur une variable globale du même
nom. Si vous déclarez une variable locale ou un paramètre de fonction avec le même nom qu'une
variable globale, vous masquez effectivement la variable globale. Jetez un œil à l’exemple suivant.
<script type="text/javascript">
<!
var maVar = "global" ; // Déclare une variable globale
fonction checkscope( ) {
var maVar = "local"; // Déclare une variable locale
[Link](maVar);
}
//>
</script>
Cela produira le résultat suivant :
Locale
Noms des variables JavaScript
Lorsque vous nommez vos variables en JavaScript, gardez les règles suivantes à l'esprit.
27
Machine Translated by Google
• Vous ne devez utiliser aucun des motsclés réservés JavaScript comme nom de variable. Ces
motsclés sont mentionnés dans la section suivante. Par exemple, les noms de variables break
ou booléennes ne sont pas valides.
• Les noms de variables JavaScript ne doivent pas commencer par un chiffre (09). Ils doivent
commencer par une lettre ou un caractère de soulignement. Par exemple, 123test est un nom
de variable non valide mais _123test est un nom valide.
• Les noms de variables JavaScript sont sensibles à la casse. Par exemple, Nom et nom
sont deux variables différentes.
Mots réservés JavaScript
Une liste de tous les mots réservés en JavaScript est donnée dans le tableau suivant. Ils ne peuvent
pas être utilisés comme variables JavaScript, fonctions, méthodes, étiquettes de boucle ou tout autre objet.
des noms.
abstrait autre Exemple de changer
booléen énumération int synchronisé
casser exporter interface ce
octet s'étend long lancer
cas FAUX indigène jette
attraper final nouveau transitoire
carboniser enfin nul vrai
classe flotter emballer essayer
const pour privé Type de
continuer fonction protégé var
débogueur aller à publique vide
défaut si retour volatil
supprimer met en oeuvre court alors que
faire importer statique avec
double dans
super
28
Machine Translated by Google
[Link] – OPÉRATEURS
Qu'estce qu'un opérateur ?
Prenons une expression simple : 4 + 5 est égal à 9. Ici, 4 et 5 sont appelés opérandes et « + » est
appelé l' opérateur. JavaScript prend en charge les types d'opérateurs suivants.
• Opérateurs arithmétiques
• Opérateurs de comparaison
• Opérateurs logiques (ou relationnels)
• Opérateurs d'affectation
• Opérateurs conditionnels (ou ternaires)
Jetons un coup d'œil à tous les opérateurs un par un.
Opérateurs arithmétiques
JavaScript prend en charge les opérateurs arithmétiques suivants :
Supposons que la variable A contient 10 et que la variable B contient 20, alors :
S. Non. Opérateur et description
+ (Ajout)
1 Ajoute deux opérandes
Ex : A + B donnera 30
(Soustraction)
2 Soustrait le deuxième opérande du premier
Ex : A B donnera 10
29
Machine Translated by Google
* (Multiplications)
3 Multipliez les deux opérandes
Ex : A*B donnera 200
/ (Division)
4 Divisez le numérateur par le dénominateur
Ex : B/A donnera 2
% (module)
5 Affiche le reste d'une division entière
Ex : B % A donnera 0
++ (Incrément)
6 Augmente une valeur entière de un
Ex : A++ donnera 11
(Décrément)
7 Diminue une valeur entière de un
Ex : A donnera 9
Remarque : L'opérateur d'addition (+) fonctionne aussi bien pour les valeurs numériques que pour les chaînes. par exemple "a" +
10 donnera "a10".
Exemple
Le code suivant montre comment utiliser les opérateurs arithmétiques en JavaScript.
<html>
<corps>
<script type="text/javascript">
<!
var a = 33 ;
30
Machine Translated by Google
variable b = 10 ;
var c = "Tester" ;
var saut de ligne = "<br />";
[Link]("a + b = ");
résultat = a + b ;
[Link](résultat);
[Link](saut de ligne);
[Link]("a b = ");
résultat = a b ;
[Link](résultat);
[Link](saut de ligne);
[Link]("a / b = ");
résultat = a / b ;
[Link](résultat);
[Link](saut de ligne);
[Link]("a % b = ");
résultat = a % b ;
[Link](résultat);
[Link](saut de ligne);
[Link]("a + b + c = ");
résultat = a + b + c ;
[Link](résultat);
[Link](saut de ligne);
31
Machine Translated by Google
une = une++;
[Link]("a++ = ");
résultat = a++ ;
[Link](résultat);
[Link](saut de ligne);
b = b;
[Link]("b = ");
résultat = b ;
[Link](résultat);
[Link](saut de ligne);
//>
</script>
<p>Définissez les variables sur des valeurs différentes, puis essayez...</p>
</corps>
</html>
Sortir
a + b = 43 a
b = 23 a / b
= 3,3 a % b = 3
a + b + c = 43Test
a++ = 33
b = 10
Définissez les variables sur des valeurs différentes, puis essayez...
32
Machine Translated by Google
Opérateurs de comparaison
JavaScript prend en charge les opérateurs de comparaison suivants :
Supposons que la variable A contient 10 et que la variable B contient 20, alors :
S. Non Opérateur et description
== (Égal)
Vérifie si les valeurs de deux opérandes sont égales ou non, si oui, alors la condition
1
devient vraie.
Ex : (A == B) n'est pas vrai.
!= (Différent)
Vérifie si les valeurs de deux opérandes sont égales ou non, si les valeurs ne sont pas
2
égales, alors la condition devient vraie.
Ex : (A != B) est vrai.
> (Supérieur à)
Vérifie si la valeur de l'opérande gauche est supérieure à la valeur de l'opérande droit, si
3
oui, alors la condition devient vraie.
Ex : (A > B) n'est pas vrai.
< (Inférieur à)
Vérifie si la valeur de l'opérande gauche est inférieure à la valeur de l'opérande droit, si
4
oui, alors la condition devient vraie.
Ex : (A < B) est vrai.
>= (Supérieur ou égal à)
Vérifie si la valeur de l'opérande gauche est supérieure ou égale à la valeur de l'opérande
5 droit, si oui, alors la condition devient vraie.
Ex : (A >= B) n'est pas vrai.
33
Machine Translated by Google
<= (Inférieur ou Égal à)
Vérifie si la valeur de l'opérande gauche est inférieure ou égale à la valeur de l'opérande
6
droit, si oui, alors la condition devient vraie.
Ex : (A <= B) est vrai.
Exemple
Le code suivant montre comment utiliser les opérateurs de comparaison en JavaScript.
<html>
<corps>
<script type="text/javascript">
<!
var a = 10 ;
variable b = 20 ;
var saut de ligne = "<br />";
[Link]("(a == b) => ");
résultat = (a == b);
[Link](résultat);
[Link](saut de ligne);
[Link]("(a < b) => ");
résultat = (a < b);
[Link](résultat);
[Link](saut de ligne);
[Link]("(a > b) => ");
résultat = (a > b) ;
[Link](résultat);
[Link](saut de ligne);
34
Machine Translated by Google
[Link]("(a != b) => ");
résultat = (a != b);
[Link](résultat);
[Link](saut de ligne);
[Link]("(a >= b) => ");
résultat = (a >= b);
[Link](résultat);
[Link](saut de ligne);
[Link]("(a <= b) => ");
résultat = (a <= b);
[Link](résultat);
[Link](saut de ligne);
//>
</script>
<p>Définissez les variables sur différentes valeurs et différents opérateurs, puis essayez...</p>
</corps>
</html>
Sortir
(a == b) => faux (a <
b) => vrai (a > b)
=> faux (a != b) =>
vrai (a >= b) => faux
35
Machine Translated by Google
(a <= b) => vrai
Définissez les variables sur différentes valeurs et différents opérateurs, puis essayez...
Opérateurs logiques
JavaScript prend en charge les opérateurs logiques suivants :
Supposons que la variable A contient 10 et que la variable B contient 20, alors :
S. Non Opérateur et description
&& (ET logique)
1 Si les deux opérandes sont non nuls, alors la condition devient vraie.
Ex : (A && B) est vrai.
|| (OU logique)
2 Si l’un des deux opérandes est différent de zéro, alors la condition devient vraie.
Ex : (A || B) est vrai.
! (NON logique)
3 Inverse l'état logique de son opérande. Si une condition est vraie, alors l’opérateur NON
logique la rendra fausse.
Ex: ! (A && B) est faux.
Exemple
36
Machine Translated by Google
Essayez le code suivant pour savoir comment implémenter des opérateurs logiques en JavaScript.
<html>
<corps>
<script type="text/javascript">
<!
var a = vrai ;
var b = faux ;
var saut de ligne = "<br />";
[Link]("(a && b) => ");
résultat = (a && b);
[Link](résultat);
[Link](saut de ligne);
[Link]("(a || b) => ");
résultat = (a || b);
[Link](résultat);
[Link](saut de ligne);
[Link]("!(a && b) => ");
résultat = (!(a && b));
[Link](résultat);
[Link](saut de ligne);
//>
</script>
37
Machine Translated by Google
<p>Définissez les variables sur différentes valeurs et différents opérateurs, puis essayez...</p>
</corps>
</html>
Sortir
(a && b) => faux (a || b)
=> vrai !(a && b) =>
vrai
Définissez les variables sur différentes valeurs et différents opérateurs, puis essayez...
Opérateurs au niveau du bit
JavaScript prend en charge les opérateurs au niveau du bit suivants :
Supposons que la variable A contient 2 et que la variable B contient 3, alors :
S. Non Opérateur et description
& (ET au niveau du bit)
1 Il effectue une opération booléenne ET sur chaque bit de ses arguments entiers.
Ex : (A et B) valent 2.
| (BitWise OU)
2 Il effectue une opération booléenne OU sur chaque bit de ses arguments entiers.
Ex : (A | B) vaut 3.
3 ^ (XOR au niveau du bit)
38
Machine Translated by Google
Il effectue une opération booléenne OU exclusive sur chaque bit de ses arguments entiers. Le OU
exclusif signifie que soit l'opérande un est vrai, soit l'opérande deux est vrai, mais pas les deux.
Ex : (A ^ B) vaut 1.
~ (pas au niveau du bit)
4 C'est un opérateur unaire et fonctionne en inversant tous les bits de l'opérande.
Ex : (~B) vaut 4.
<< (Maj gauche)
Il déplace tous les bits de son premier opérande vers la gauche du nombre de places spécifié
dans le deuxième opérande. Les nouveaux bits sont remplis de zéros. Décaler une valeur d’une
5
position vers la gauche équivaut à la multiplier par 2, décaler de deux positions équivaut à la
multiplier par 4, et ainsi de suite.
Ex : (A << 1) vaut 4.
>> (Maj droite)
Opérateur de décalage binaire vers la droite. La valeur de l'opérande de gauche est déplacée
6
vers la droite du nombre de bits spécifié par l'opérande de droite.
Ex : (A >> 1) vaut 1.
>>> (Décalage à droite avec zéro)
Cet opérateur est identique à l'opérateur >>, sauf que les bits décalés à gauche sont toujours nuls.
7
Ex : (A >>> 1) vaut 1.
Exemple
Essayez le code suivant pour implémenter l'opérateur Bitwise en JavaScript.
<html>
<corps>
<script type="text/javascript">
39
Machine Translated by Google
<!
var a = 2 ; // Présentation des bits 10
variable b = 3 ; // Présentation des bits 11
var saut de ligne = "<br />";
[Link]("(a & b) => ");
résultat = (a & b);
[Link](résultat);
[Link](saut de ligne);
[Link]("(a | b) => ");
résultat = (a | b);
[Link](résultat);
[Link](saut de ligne);
[Link]("(a ^ b) => ");
résultat = (a ^ b);
[Link](résultat);
[Link](saut de ligne);
[Link]("(~b) => ");
résultat = (~b);
[Link](résultat);
[Link](saut de ligne);
[Link]("(a << b) => ");
résultat = (a << b);
[Link](résultat);
[Link](saut de ligne);
40
Machine Translated by Google
[Link]("(a >> b) => ");
résultat = (a >> b);
[Link](résultat);
[Link](saut de ligne);
//>
</script>
<p>Définissez les variables sur différentes valeurs et différents opérateurs, puis essayez...</p>
</corps>
</html>
Sortir
(a & b) => 2 (a
| b) => 3 (a ^
b) => 1 (~b) =>
4 (a << b)
=> 16 (a >> b) =>
0
Définissez les variables sur différentes valeurs et différents opérateurs, puis essayez...
Opérateurs d'affectation
JavaScript prend en charge les opérateurs d'affectation suivants :
S. Non Opérateur et description
= (affectation simple)
1
Attribue des valeurs de l'opérande de droite à l'opérande de gauche
41
Machine Translated by Google
Ex : C = A + B attribuera la valeur de A + B à C
+= (Ajout et affectation)
2 Il ajoute l'opérande de droite à l'opérande de gauche et attribue le résultat à
l'opérande de gauche.
Ex : C += A équivaut à C = C + A
= (Soustraction et affectation)
3 Il soustrait l'opérande droit de l'opérande gauche et attribue le résultat à l'opérande
gauche.
Ex : C = A équivaut à C = C A
*= (Multiplication et affectation)
4 Il multiplie l'opérande de droite par l'opérande de gauche et attribue le résultat à
l'opérande de gauche.
Ex : C *= A équivaut à C = C * A
/= (Division et affectation)
5 Il divise l'opérande de gauche avec l'opérande de droite et attribue le résultat à
l'opérande de gauche.
Ex : C /= A équivaut à C = C / A
%= (Modules et affectation)
6 Il prend le module en utilisant deux opérandes et attribue le résultat à l'opérande de
gauche.
Ex : C %= A équivaut à C = C % A
Remarque : la même logique s'applique aux opérateurs Bitwise, ils deviendront donc <<=, >>=,
>>=, &=, |= et ^=.
Exemple
Essayez le code suivant pour implémenter l'opérateur d'affectation en JavaScript.
42
Machine Translated by Google
<html>
<corps>
<script type="text/javascript">
<!
var a = 33 ;
variable b = 10 ;
var saut de ligne = "<br />";
[Link]("Valeur de a => (a = b) => ");
résultat = (a = b);
[Link](résultat);
[Link](saut de ligne);
[Link]("Valeur de a => (a += b) => ");
résultat = (a += b);
[Link](résultat);
[Link](saut de ligne);
[Link]("Valeur de a => (a = b) => ");
résultat = (a = b);
[Link](résultat);
[Link](saut de ligne);
[Link]("Valeur de a => (a *= b) => ");
résultat = (a *= b);
[Link](résultat);
[Link](saut de ligne);
43
Machine Translated by Google
[Link]("Valeur de a => (a /= b) => ");
résultat = (a /= b);
[Link](résultat);
[Link](saut de ligne);
[Link]("Valeur de a => (a %= b) => ");
résultat = (a %= b);
[Link](résultat);
[Link](saut de ligne);
//>
</script>
<p>Définissez les variables sur différentes valeurs et différents opérateurs, puis essayez...</p>
</corps>
</html>
Sortir
Valeur de a => (a = b) => 10
Valeur de a => (a += b) => 20
Valeur de a => (a = b) => 10
Valeur de a => (a *= b) => 100
Valeur de a => (a /= b) => 10
Valeur de a => (a %= b) => 0
Définissez les variables sur différentes valeurs et différents opérateurs, puis essayez...
44
Machine Translated by Google
Opérateurs Divers
Nous aborderons ici deux opérateurs très utiles en JavaScript : l' opérateur conditionnel (? :) et l' opérateur
typeof.
Opérateur conditionnel (? :)
L'opérateur conditionnel évalue d'abord une expression pour une valeur vraie ou fausse, puis exécute
l'une des deux instructions données en fonction du résultat de l'évaluation.
S. Non Opérateur et description
? : (Conditionnel )
1
Si la condition est vraie ? Alors valeur X : Sinon valeur Y
Exemple
Essayez le code suivant pour comprendre comment fonctionne l'opérateur conditionnel en JavaScript.
<html>
<corps>
<script type="text/javascript">
<!
var a = 10 ;
variable b = 20 ;
var saut de ligne = "<br />";
[Link] ("((a > b) ? 100 : 200) => ");
résultat = (a > b) ? 100 : 200 ;
[Link](résultat);
[Link](saut de ligne);
[Link] ("((a < b) ? 100 : 200) => ");
45
Machine Translated by Google
résultat = (a < b) ? 100 : 200 ;
[Link](résultat);
[Link](saut de ligne);
//>
</script>
<p>Définissez les variables sur différentes valeurs et différents opérateurs, puis essayez...</p>
</corps>
</html>
Sortir
((a > b) ? 100 : 200) => 200
((a < b) ? 100 : 200) => 100
Définissez les variables sur différentes valeurs et différents opérateurs, puis essayez...
type d'opérateur
L' opérateur typeof est un opérateur unaire placé avant son opérande unique, qui peut être de n'importe
quel type. Sa valeur est une chaîne indiquant le type de données de l'opérande.
L' opérateur typeof est évalué comme "nombre", "chaîne" ou "booléen" si son opérande est un nombre,
une chaîne ou une valeur booléenne et renvoie vrai ou faux en fonction de l'évaluation.
Voici une liste des valeurs de retour pour le type d'opérateur.
Taper Chaîne renvoyée par typeof
Nombre "nombre"
Chaîne "chaîne"
46
Machine Translated by Google
Booléen "booléen"
Objet "objet"
Fonction "fonction"
Indéfini "indéfini"
Nul "objet"
Exemple
Le code suivant montre comment implémenter l'opérateur typeof .
<html>
<corps>
<script type="text/javascript">
<!
var a = 10 ;
var b = "Chaîne" ;
var saut de ligne = "<br />";
result = (typeof b == "string" ? "B is String" : "B is Numeric");
[Link]("Résultat => ");
[Link](résultat);
[Link](saut de ligne);
result = (typeof a == "string" ? "A est une chaîne" : "A est numérique");
[Link]("Résultat => ");
[Link](résultat);
[Link](saut de ligne);
47
Machine Translated by Google
//>
</script>
<p>Définissez les variables sur différentes valeurs et différents opérateurs, puis essayez...</p>
</corps>
</html>
Sortir
Résultat => B est une chaîne
Résultat => A est numérique
Définissez les variables sur différentes valeurs et différents opérateurs, puis essayez...
48
Machine Translated by Google
Fin de l’aperçu de l’ebook Si
vous avez aimé ce que vous avez vu…
Achetezle dans notre magasin @ [Link]
49