Remerciez-le!

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

JAVASCRIPT Préparé par Y. Ait Lahcen QU’EST CE QUE JAVASCRIPT? JavaScript est

JAVASCRIPT Préparé par Y. Ait Lahcen QU’EST CE QUE JAVASCRIPT? JavaScript est un langage interprété par le navigateur. JavaScript est un langage « client » c'est à dire exécuté chez l'utilisateur. JavaScript a pour but de dynamiser les sites Internet. JavaScript a été initialement développé par Netscape et s'appelait à l'époque LiveScript. Adopté à la fin de l'année 1995, par la firme Sun (qui a aussi développé Java), il prit alors son nom actuel de JavaScript. JavaScript n'est donc pas propre aux navigateurs de Netscape. 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 et plus. 2 3 EXÉCUTION DE JAVASCRIPT Les scripts JavaScript sont gérés et exécutés par le browser lui-même sans devoir faire appel aux ressources du serveur. Ses instructions seront donc traitées en direct et surtout sans retard par le navigateur. UTILISATION DE JAVASCRIPT Il existe deux manières d’utiliser JavaScript dans une page Web : 1. Implémenter directement des traitements JavaScript dans la page. Le code JavaScript est placé entre La balise <script> et </script> <script type="text/javascript"> var test = "Ceci est un test"; alert(test); </script> 2. Faire référence à une adresse contenant le code par l’intermédiaire de l’attribut src de la balise script : <script type="text/javascript" src="monScript.js"> </script> Le code suivant illustre un contenu possible du fichier monScript.js : var test = "Ceci est un test"; alert(test); 4 o JavaScript est un langage de script coté client. C’est-à-dire que c’est le navigateur qui se charge de l’exécuter tout comme le code HTML. o La confidentialité du code est « compromise » le code source peut être copié et réutilisé par d’autres personnes. o On appelle souvent le langage JavaScript un langage événementiel. En effet la plupart de ses scripts sont associés à des événements qui peuvent se produire sur le navigateur o JavaScript est généralement utilisé pour contrôler les formulaires avant envoi au lieu d’attribuer ce travail à un langage coté serveur tel que le PHP. CARACTÉRISTIQUES DE JAVASCRIPT 5 Les commentaires en JavaScript sont semblables à ceux du langage C ou php. En effet on utilise les doubles slash (//) pour un commentaire de fin de ligne. Tandis que /* et */ délimitent les commentaires sur plusieurs lignes. Exemple: <script language=‘’javascript’’> // Ceci est un commentaire sur une ligne /* Ceci est un commentaire sur plusieurs lignes */ </script> LES COMMENTAIRES 6 LES VARIABLES Le choix du nom des variables doit respecter les deux règles suivantes: le premier caractère ne peut être qu’une lettre, un souligné (underscore) ou un dollar,  les caractères suivants doivent être des caractères alphanumériques, des soulignés (underscores) ou des dollars. Pour rappel JavaScript est sensible à la case. Attention donc aux majuscules et minuscules Pour déclarer une variable on utilise le mot clé « var ». On parle alors d’une déclaration explicite: var a=20; Comme on peut directement initier la variable (déclaration implicite): a=20; 7 LES VARIABLES : TYPES PRIMITIFS Le typage des variable n’est pas obligatoire en JavaScript. Ainsi on peut changer le type d’une variable plusieurs fois lors du même script. 8 INITIALISATION DES VARIABLE JavaScript a la responsabilité de créer la valeur du bon type en fonction de l’initialisation ou de l’affectation. Le code suivant illustre l’initialisation de différentes variables en se fondant sur des formes littérales : var nombreEntier = 11; var nombreReel = 11.435; var chaineCaracteres = "Une chaine de caractères"; var tableau = [ "Premier élément", "SecondElement" ]; var tableauAssociatif = { "cle1" : "valeur1", "cle2" : "valeur2" }; 9 CONVERSION DE TYPES var booleen = true; var variable1 = booleen.toString(); // variable1 contient la chaîne de caractère « true » var nombreEntier = 10; var variable2 = nomEntier.toString(); // variable2 contient la chaîne de caractère « 10 » var nombreReel = 10.5; var variable2 = nombreReel.toString(); // variable2 contient la chaîne de caractère « 10.5 » 10 CONVERSION DE TYPES La création de nombres à partir de chaînes de caractères se réalise par l’intermédiaire des méthodes parseInt et parseFloat. var entier1 = parseInt("15"); // entier1 contient le nombre 15 var entier3 = parseInt("16"); // entier3 contient le nombre 16 var reel = parseFloat("15.5"); // reel contient le nombre réel 15,5 11 LES OPÉRATEURS Les opérateurs en JavaScript sont les même qu’en langage PHP: + - * / % < > <= >= == != ++ -- += -= *= /= ( ) && || 12 STRUCTURES CONDITIONNELLES Les structures conditionnelles en JavaScript sont les même qu’en langage PHP, à savoir: If … else Opérateur ternaire (condition)?(traitement1):(traitement2) Boucle for Boucle while Les mots clé break et continue conservent toujours leurs fonctions connues en JavaScript. 13 MÉTHODES DE BASE JavaScript propose un ensemble de méthodes permettant de détecter le type et la validité de la variable passée en paramètre. 14 Méthode Description isArray Détermine si le paramètre est un tableau. isBoolean Détermine si le paramètre est un booléen. isEmpty Détermine si un tableau est vide. isNull Détermine si le paramètre est null. isNumber Détermine si le paramètre est un nombre. isObject Détermine si le paramètre est un objet. isString Détermine si le paramètre est une chaîne de caractères. MANIPULATION DES TYPES DE BASE Le langage JavaScript offre différents mécanismes pour utiliser des éléments courants tels que les chaînes de caractères, les nombres les dates. JavaScript définit pour cela des classes correspondant aux types primitifs. 15 MANIPULATION DES CHAÎNES JavaScript gère les chaînes de caractères de manière similaire à Java. les chaînes de caractères peuvent être définies avec des guillemets ou des apostrophes : var chaine1 = "ma chaîne de caractère"; var chaine2 = 'mon autre chaîne de caractère'; Le langage JavaScript introduit la classe String correspondante : var chaine1 = new String("chaîne de caractère"); 16 MÉTHODES DE LA CLASSE STRING Méthode Description charAt Retourne le caractère localisé à l’index spécifié en paramètre. charCodeAt Retourne le code du caractère localisé à l’index spécifié en paramètre. concat Concatène la chaîne en paramètres à la chaîne courante. indexOf Recherche la première occurrence de la chaîne passée en paramètreet retourne l’index de cette première occurrence. lastIndexOf Recherche la dernière occurrence de la chaîne passée en paramètre et retourne l’index de cette dernière occurrence. replace Remplace un bloc de caractères par un autre dans une chaîne decaractères. Slice substr substring Retourne une sous-chaîne de caractères en commençant à l’index spécifié en paramètre et en finissant à la fin de la chaîne initiale si la méthode ne comporte qu’un seul paramètre. Dans le cas contraire, elle se termine à l’index spécifié par le second paramètre. split Permet de découper une chaîne de caractères en sous-chaînes en se fondant sur un délimiteur. Le resultat est un tableau toLowerCase Convertit la chaîne de caractères en minuscules. toUpperCase Convertit la chaîne de caractères en majuscules. 17 MANIPULATION DES NOMBRES Un nombre entier et un nombre réel sont tous deux de type Number. La différentiation se fait au niveau de leur initialisation. JavaScript fournit la classe correspondante Number. var nombre = 11; var chaineDecimale = nombre.toString(); /* chaineDecimale contient la chaine de caractère « 11 » */ var chaineHexdecimale = nombre.toString(16); /* chaineDecimale contient la chaine de caractère « b » */ 18 MANIPULATION DES DATES JavaScript définit les dates uniquement en tant que classe par l’intermédiaire de la classe Date, laquelle comporte un grand nombre de méthodes. La création d’une date se réalise par le biais du constructeur de la classe Date. Ce dernier peut ne prendre aucun paramètre. Dans ce cas, l’instance créée correspond à la date courante. var dateCourante = new Date(); var uneAutreDate = new Date(1996,10,20,12,5,0); //correspond au 20 octobre 1996 à 12 heures et 5 minutes Var date = new Date(); Var chaineDate = date.toString(); /* avec Internet Explorer, chaineDate contient « Mon Nov 20 12:05:00 UTC+0100 2006 » */ /* avec Firefox, chaineDate contient « Mon Nov 20 2006 12:05:00 GMT+0100 » */ 19 MANIPULATION DES DATES 20 LES FONCTIONS En JavaScript les fonctions sont déclarées et appelées de la même façon qu’en PHP. Délaration: Function identificateur_de_la_fonction(liste_des_arguments) { Liste des instructions; Return (valeur_de_retour); } 21 FONCTION ANONYME Dans le cas d’une fonction anonyme, la syntaxe est la suivante : var maFonction = function(parametre1, parametre2, ...) { //Code de la fonction }; Note : Une fonctionnalité intéressante de JavaScript permet d’affecter une fonction à une variable. Cette dernière fait alors référence à la fonction, elle est utilisée comme suit : maFonction("param1", "param2") ; 22 LES FONCTIONS L’identificateur de la fonction suit les même règles que l’identificateur de la variable: Il est sensible à la casse. Les arguments de la fonction sont facultatifs cependant les parenthèses sont obligatoires même vides. Le mot clé return permet de passer le résultat de la fonction dans le reste du script. Il est facultatif. D’habitude les fonctions sont déclarées à l’entête du document et sont souvent appelés par les événements. 23 LES ÉVÉNEMENTS JavaScript est un langage de programmation appelé aussi langage événementiel vu que la majorité de ses scripts sont associés à des événements qui se produisent sur le navigateur. Les événements uploads/S4/ 3-javascript-cours-gi3.pdf