Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

Page : 1 JAVASCRIPT JAVASCRIPT ................................................

Page : 1 JAVASCRIPT JAVASCRIPT ................................................................................................ 1 CHAPITRE 1 : JAVASCRIPT ........................................................................ 4 CHAPITRE 2 : JAVASCRIPT N'EST PAS JAVA .......................................... 4 CHAPITRE 3 : UN PEU DE THEORIE OBJET ............................................. 5 3.1 Les objets et leur hiérarchie ........................................................................... 5 3.2 Les propriétés des objets ............................................................................... 6 CHAPITRE 4 : VOS OUTILS POUR LE JAVASCRIPT ................................. 7 4.1 Un browser compatible Javascript ................................................................. 7 4.2 Un solide bagage en Html .............................................................................. 7 4.3 Un bon éditeur de texte .................................................................................. 7 CHAPITRE 5 : LE JAVASCRIPT MINIMUM ................................................. 7 5.1 La balise <SCRIPT> ...................................................................................... 7 5.2 Les commentaires.......................................................................................... 7 5.3 Masquer le script pour les anciens browsers ................................................. 8 5.4 Où inclure le code en Javascript ? ................................................................. 8 5.5 Une première instruction Javascript ............................................................... 8 5.6 Votre première page Html avec du Javascript ............................................... 8 5.7 Remarques .................................................................................................... 9 +5.8 Versions du langage Javascript ................................................................... 9 +5.9 Extension .js pour scripts externes .............................................................. 9 +5.10 Toujours des commentaires ...................................................................... 9 +5.11 Alert() ... rouge ........................................................................................... 9 CHAPITRE 6 : AFFICHER DU TEXTE ........................................................ 10 6.1 Méthode de l'objet document ....................................................................... 10 6.2 La méthode write() ....................................................................................... 10 6.3 Exemple (classique !)................................................................................... 11 + 6.4 L'instruction writeln() ................................................................................. 11 +6.5 De la belle écriture en Javascript... ............................................................ 11 6.5.1 variable.big(); .................................................................................. 11 6.5.2 variable.small(); .............................................................................. 11 6.5.3 variable.blink(); ............................................................................... 11 6.5.4 variable.bold(); ................................................................................ 12 6.5.5 variable.fixed(); ............................................................................... 12 6.5.6 variable.italics(); .............................................................................. 12 6.5.7 variable.fontcolor(color ); ................................................................ 12 6.5.8 variable.fontsize(x); ......................................................................... 12 6.5.9 variable.strike(); .............................................................................. 12 6.5.10 variable.sub(); ............................................................................... 13 6.5.11 variable.sup(); ............................................................................... 13 +6.6 Les instructions de formatage de document .............................................. 13 6.6.1document.bgColor ........................................................................... 13 6.6.2 document.fgColor ........................................................................... 13 6.6.3 document.alinkColor ....................................................................... 13 6.6.4 document.linkColor ......................................................................... 13 6.6.5 document.vlinkColor ....................................................................... 13 CHAPITRE 7 : UTILISER DES VARIABLES .............................................. 14 7.1 Les variables en Javascript .......................................................................... 14 7.2 La déclaration de variable ............................................................................ 14 7.3 Les données sous Javascript ....................................................................... 14 7.4 Exercice ....................................................................................................... 14 +7.5 Les noms réservés .................................................................................... 15 +7.6 Variables globales et variables locales ...................................................... 15 CHAPITRE 8 : LES OPERATEURS ............................................................ 15 8.1 Les opérateurs de calcul .............................................................................. 15 8.2 Les opérateurs de comparaison ................................................................. 15 8.3 Les opérateurs associatifs ........................................................................... 16 8.4 Les opérateurs logiques ............................................................................... 16 8.5 Les opérateurs d'incrémentation .................................................................. 16 +8.6 La priorité des opérateurs Javascript ......................................................... 16 CHAPITRE 9 : LES FONCTIONS ............................................................... 17 9.1 Définition ...................................................................................................... 17 9.2 Déclaration des fonctions ............................................................................. 17 9.3 L'appel d'une fonction .................................................................................. 17 9.4 Les fonctions dans <HEAD>...</HEAD> ...................................................... 17 9.5 Exemple ....................................................................................................... 17 +9.6 Passer une valeur à une fonction .............................................................. 18 +9.7 Passer plusieurs valeurs à une fonction .................................................... 18 Page : 2 +9.8 Retourner une valeur ................................................................................. 18 +9.9 Variables locales et variables globales ...................................................... 18 CHAPITRE 10 : LES EVENEMENTS ......................................................... 19 10.1 Généralités ................................................................................................. 19 10.2 Les événements ......................................................................................... 19 10.3 Les gestionnaires d'événements ................................................................ 19 10.3.1 onclick ........................................................................................... 20 10.3.2 onLoad et onUnload ...................................................................... 20 10.3.4 onmouseOver et onmouseOut...................................................... 20 10.3.5 onFocus ........................................................................................ 20 10.3.6 onBlur ............................................................................................ 20 10.3.7 onchange ...................................................................................... 20 10.3.8 onselect ......................................................................................... 21 +10.4 Gestionnaires d'événement disponibles en Javascript ............................ 21 +10.5 La syntaxe de onmouseOver ................................................................... 21 +10.6 La syntaxe de onmouseOut ..................................................................... 21 +10.7 Problème! Et si on clique quand même... ................................................ 22 +10.8 Changement d'images ............................................................................. 23 +10.9 L'image invisible ....................................................................................... 23 CHAPITRE 11 : LES CONDITIONS ........................................................... 23 11.1 Si Maman si ..." ou l'expression if .............................................................. 23 11.2 L'expression for .......................................................................................... 24 +11.3 While ........................................................................................................ 24 +11.4 Break ........................................................................................................ 25 +11.5 Continue ................................................................................................... 25 CHAPITRE 12 : LES FORMULAIRES ........................................................ 25 12.1 Généralités ................................................................................................. 25 12.2 Déclaration d'un formulaire ........................................................................ 25 12.3 Le contrôle ligne de texte ........................................................................... 26 12.3.1 Lire une valeur dans une zone de texte ........................................ 26 12.3.2 Ecrire une valeur dans une zone de texte .................................... 26 12.4 Les boutons radio ....................................................................................... 28 12.5 Les boutons case à cocher (checkbox) ..................................................... 28 12.6 Liste de sélection ....................................................................................... 29 +12.7 Le contrôle textarea (pour les bavards) ................................................... 30 +12.8 Le contrôle Reset ..................................................................................... 30 +12.9 Le contrôle Submit ................................................................................... 31 +12.10 Le contrôle Hidden (caché) .................................................................... 31 +12.11 L'envoi d'un formulaire par Email. .......................................................... 31 CHAPITRE 13 : UN PEU DE TOUT ........................................................... 31 13.1 Les boites de dialogue ou de message ...................................................... 31 13.2 La méthode alert() ..................................................................................... 31 13.3 La méthode prompt() ................................................................................. 32 13.4 La méthode confirm() ................................................................................. 32 +13.5 Une minuterie ........................................................................................... 32 +13.6 L'emploi de this ........................................................................................ 32 CHAPITRE 14 : LES MESSAGES D'ERREUR .......................................... 33 14.1 Bon courage ! ............................................................................................. 33 14.2 Les types d'erreurs. .................................................................................... 33 14.3 Les erreurs au chargement ........................................................................ 33 14.4 Les erreurs à l'exécution ............................................................................ 33 14.5 Les erreurs de logique ............................................................................... 33 14.6 Les grands classiques des erreurs. ........................................................... 33 CHAPITRE 15 : MINI FAQ .......................................................................... 34 15.1 Pas de changement après modification du script ...................................... 34 15.2 Mon script ne fonctionne pas dans un tableau ........................................... 34 15.3 Adapter le script selon le browser du CLIENT ........................................... 34 15.4 Arrondir les nombres derrière la virgule ..................................................... 34 15.5 Comment lire et écrire des fichiers en Javascript ...................................... 35 15.6 Transmettre des variables d'une page à l'autre ......................................... 35 CHAPITRE 16 : L'OBJET WINDOW .......................................................... 35 16.1 Propriétés et méthodes de l'objet window .................................................. 35 16.2 Utilisation de la barre d'état ........................................................................ 35 16.3 Ouverture et fermeture de fenêtres (théorie) ............................................. 35 16.4 Ouverture et fermeture de fenêtres (exemples) ......................................... 36 --- Ouverture par un bouton (avec code dans le onClick) ........................ 36 --- Ouverture par un bouton (avec appel d'une fonction) ......................... 36 --- Fermeture automatique après x secondes ......................................... 37 --- Ouverture en cliquant sur un lien ou une image ................................. 37 --- Ouverture par survol du lien (Javascript 1.0) ...................................... 37 Page : 3 --- Ouverture par survol du lien et fermeture en quittant le lien (Javascript 1.1) 37 --- Ecrire dans la nouvelle fenêtre ............................................................ 38 CHAPITRE 17 : L'OBJET STRING ............................................................. 38 17.1 Généralités ................................................................................................. 38 17.2 La propriété length ..................................................................................... 38 17.3 La méthode CharAt() ................................................................................. 39 17.4 La méthode indexOf() ................................................................................ 39 17.5 La méthode lastIndexOf() .......................................................................... 39 17.6 La méthode substring() .............................................................................. 40 17.7 La méthode toLowerCase() ....................................................................... 40 17.8 La méthode toUpperCase() ....................................................................... 40 17.9 Utilité de toLowerCase() et de toUppercase() ............................................ 41 CHAPITRE 18 : L'OBJET MATH ................................................................ 41 18.1 abs() ........................................................................................................... 41 18.2 ceil() ........................................................................................................... 41 18.3 floor() .......................................................................................................... 41 18.4 round()........................................................................................................ 41 18.5 max() .......................................................................................................... 41 18.6 min() ........................................................................................................... 42 18.7 pow() .......................................................................................................... 42 18.8 random() .................................................................................................... 42 18.9 sqrt() .......................................................................................................... 42 18.10 parseFloat() ............................................................................................. 42 18.11 parseInt() .................................................................................................. 42 18.12 eval() ........................................................................................................ 42 18.13 Les fonctions trigonométriques ................................................................ 43 18.14 Les fonctions logarithmiques ................................................................... 43 CHAPITRE 19 : L'OBJET DATE ................................................................. 43 19.1 new Date(); ................................................................................................. 43 19.2 getYear() .................................................................................................... 43 19.3 getMonth() .................................................................................................. 43 19.4 getDate(); ................................................................................................... 43 19.5 getDay(); .................................................................................................... 44 19.6 getHours(); ................................................................................................. 44 19.7 getMinutes(); .............................................................................................. 44 19.8 getSeconds(); ............................................................................................. 44 19.9 Exemple 1 : Un script qui donne simplement l'heure. ................................ 45 19.10 Exemple 2 : Un script avec une trotteuse. ............................................... 45 19.11 D'autres propriétés (moins fréquentes peut-être) .................................... 46 CHAPITRE 20 : L'OBJET NAVIGATOR ..................................................... 47 20. 1 Généralités ................................................................................................ 47 20.2 navigator.appCodeName ........................................................................... 47 20.3 navigator.appName .................................................................................... 47 20.4 navigator.appVersion ................................................................................. 47 20.5 navigator.userAgent ................................................................................... 47 20.6 Passage en revue des troupes .................................................................. 47 - Netscape 4.0 (Communicator) .............................................................. 47 - Microsoft Explorer 4.0............................................................................ 48 20.7 Exemples ................................................................................................... 48 - Pour savoir si le browser tourne sous Windows ................................. 48 - Pour savoir si le browser est Explorer 4.0 .......................................... 48 - Pour distinguer du Javascript 1.0 et du 1.1 ......................................... 48 CHAPITRE 21 : L'OBJET ARRAY .............................................................. 48 21.1 Généralités ................................................................................................. 48 21.2 Tableau à une dimension ........................................................................... 48 21.3 Propriétés et méthodes .............................................................................. 49 21.4 Tableau à deux dimensions ....................................................................... 49 21.5 Base de données ....................................................................................... 50 21.5.1 1Encodage de type fixe ................................................................ 50 21.5.2 Encodage de type variable ........................................................... 51 CHAPITRE 22 : LES FRAMES ................................................................... 51 22.1 Généralités ................................................................................................. 51 22.2 Propriétés ................................................................................................... 52 22.3 Echange d'informations entre frames ........................................................ 53 Page : 4 CHAPITRE 1 : JAVASCRIPT Javascript est un langage de scripts incorporé aux balises Html qui permet d'améliorer la présentation et l'interactivité des pages Web. Javascript est donc une extension du code Html des pages Web. Les scripts, qui s'ajoutent ici aux balises Html, peuvent en quelque sorte être comparés aux macros d'un traitement de texte. Ces scripts vont être gérés et exécutés par le browser lui-même sans devoir faire appel aux ressources du serveur. Ces instructions seront donc traitées en direct et surtout sans retard par le navigateur. Javascript a été initialement développé par Netscape et s'appelait alors LiveScript. Adopté à la fin de l'année 1995, par la firme Sun (qui a aussi développé Java), il prit alors son nom de Javascript. Javascript n'est donc pas propre aux navigateurs de Netscape (bien que cette firme en soit un fervent défenseur). Microsoft l'a d'ailleurs aussi adopté à partir de son Internet Explorer 3. On le retrouve, de façon améliorée, dans Explorer 4. Les versions de Javascript se sont succédées avec les différentes versions de Netscape : Javascript pour Netscape uploads/s1/ javascript-cours.pdf