154 Javascript

Charles COLSON
PROGRAMMATION JAVASCRIPT
Charles COLSON
Programmation Javascript
PROGRAMMATION JAVASCRIPT
Charles COLSON
Sommaire I. Introduction II. Les bases III. La notion dobjets IV. Les variables V. Les fonctions VI. Les conditions VII. Les boucles VIII. Les tableaux IX. Les vnements X. Lobjet window XI. Lobjet date XII. Lobjet math 2 3 4 5 6 8 9 11 12 13 14 17 18
Charles COLSON
I. Introduction
Avant de commencer ce tutorial sur le Javascript, il faut bien matriser le HTML : il sagit dune extension qui est inclue dans le code. Grce au Javascript vous allez pouvoir apporter des amliorations au langage HTML en permettant d'excuter des commandes. Pour faire des pages avec du Javascript vous devez avoir : Un diteur de texte pour crer les pages (bloc notes par exemple), il faudra veiller enregistrer les pages au format .htm et non .txt Un navigateur Internet pour afficher les pages cres (Internet explorer par exemple) Afin de mieux comprendre chaque lment, il est recommand de tester chaque exemple de ce cours.
Charles COLSON
II. Les bases

A. Composition Le Javascript se place simplement dans le corps dune page HTML : <html> Ce qui apparatra lcran : <head> <title></title> </head> <body> <SCRIPT language="Javascript"> </SCRIPT> </body> </html> <script language="Javascript"> indique que lon va travailler avec le langage Javascript. Noublions pas de fermer linclusion de Javascript avec </script> Compltons un peu le code : <html> Ce qui apparatra lcran : <head> <title></title> </head> <body> <SCRIPT language="Javascript"> alert("Coucou toi !") ; </SCRIPT> </body> </html> alert indique quil faut afficher une boite de dialogue avec un message que lon mettra entre parenthses "Coucou toi !" on tape entre guillemets le texte que lon souhaite voir apparatre On lui dit que cest la fin de linstruction grce au ; Cest facultatif mais beaucoup plus rigoureux. Il faut savoir quil est aussi possible de mettre lensemble de son code Javascript dans un fichier quon enregistrera avec lextension .js et auquel on fera appel louverture de la page HTML : <SCRIPT LANGUAGE="Javascript" SRC="fichier.js"> </SCRIPT> On indique grce lattribut src o se trouve le code Javascript que lon souhaite insrer, ici il sagit de fichier.js B. Commentaires Pour ajouter un commentaire (quelque chose qui ne sera pas vu par les visiteurs) on met : // <SCRIPT language="Javascript"> Ce qui apparatra lcran : // Voici une ligne de commentaire </SCRIPT> C. Anciens navigateurs Noublions pas les anciens navigateurs qui ne prenne pas en charge le Javascript : <SCRIPT language="Javascript"> Ce qui apparatra lcran : (si le navigateur ne supporte pas // code Javascript Javascript) : Votre navigateur </SCRIPT> <NOSCRIPT> est trop vieux ! Votre navigateur est trop vieux ! </NOSCRIPT> On place entre les balises noscript le code HTML afficher si jamais le navigateur ne prend pas en charge le Javascript
Charles COLSON
III. La notion dobjets

A. Se reprer La programmation Javascript est oriente objet, cest dire quelle tourne autour dune vritable arborescence (ou hirarchie). Ainsi, pour appeler un lment on commencera gnralement par lobjet le plus grand pour aller jusqu lobjet voulu. Pour que cela soit plus clair, voici un exemple : 1 2
coucou
Pour reprer le premier objet (un champ de formulaire dont le nom est objet1 ) : window.document.forms[0].objet1 On commence par lobjet le plus grand : window (la fentre du navigateur) On poursuit avec lobjet juste un peu plus petit : document (la page html) On continue avec lobjet juste un peu plus petit : forms[0] (le formulaire) On termine en prcisant le nom de lobjet : objet1 Sachez que pour une page avec des frames (donc englobant plusieurs pages) pour dterminer la fentre principale on indique parent et non window. Pour reprer le deuxime objet (une case cocher dont le nom est objet2 ) : window.document.forms[0].objet2 Mme principe que lexemple ci dessus Pour reprer le troisime objet (le texte dun champ de formulaire dont le nom est objet3 ) : window.document.forms[0].objet3.value On commence par lobjet le plus grand et on va jusqu'au champ de formulaire appel objet3 On termine en prcisant quon veut le texte entr en ajoutant .value (comme lattribut en HTML) Maintenant que nous savons comment fonctionne la notion dobjets, voici un exemple pour afficher du texte directement sur la page : <SCRIPT language="Javascript"> Ce qui apparatra lcran : window.document.write("Coucou") ; Coucou </SCRIPT> On commence par appeler llment avec lequel on veut travailler (il sagit de la page) donc window.document On poursuit en indiquant que lon souhaite crire sur llment grce write() On inscrit dans les parenthses ce que lon souhaite voir safficher : coucou Sachez quil est aussi possible de mettre des balises HTML dans un write(). B. Objets, proprits, mthodes et classes La notion dobjet fait appel ces diffrents thmes, il est impratif de bien connatre leur signification pour comprendre la suite de ce cours. En fait, il existe des classes qui reprsentent des familles dobjets ayant une structure et un comportement commun. Pour un objet on peut appliquer soit une proprit qui reprsente ses caractristiques (pour reprendre un exemple prcdent : window.document.forms[0].objet3.value) ou alors une mthode qui reprsente un outil sappliquant aux objets dune classe (pour reprendre un exemple prcdent : window.document.write("Coucou")).
Charles COLSON
IV. Les variables

Une variable est une information qui est stocke temporairement. Il faut savoir quen Javascript une variable ne doit pas commencer par un nombre et quelle est sensible la casse (majuscules et minuscules). A. Les types Le texte : <SCRIPT language="Javascript"> var test = "Bonjour" ; </SCRIPT> Var test indique que lon cre une variable qui sappellera test. Le terme var est facultatif son utilisation est beaucoup plus propre. = signifie quivaut "Bonjour" indique la valeur que va prendre la variable test, ici Bonjour. On place les textes entre guillemets On finit linstruction par un ; Les nombres : <SCRIPT language="Javascript"> var nbtest = 12 ; </SCRIPT> 12 indique la valeur que va prendre la variable nbtest. On ne place pas les nombres entre guillemets Les boolens (sur le principe soit vrai soit faux) : <SCRIPT language="Javascript"> var gagne = true ; var perdu = false ; </SCRIPT> = true indique que la variable gagne est vrai, true ne se met pas entre guillemets = false indique que la variable perdu est faux, false ne se met pas entre guillemets Pour afficher la valeur dune variable il suffit dajouter la mthode write : <SCRIPT language="Javascript"> Ce qui apparatra lcran : var test = "Bonjour" ; Bonjour window.document.write(test) ; </SCRIPT> B. Concatnation La concatnation permet dassocier deux variables : <SCRIPT language="Javascript"> Ce qui apparatra lcran : Mon nom est JamesBond var prenom = "James" ; var nom = "Bond" ; var name = prenom + nom ; document.write ("Mon nom est " + name) ; </SCRIPT> var name = prenom + nom la variable name prendra la valeur de la variable prenom et (correspond au plus) la valeur de la variable nom. Soit pour valeur finale : James Bond alert("Mon nom est "+ name) pour passer dune chane de caractres une variable on utilise le +. On ne met pas de doubles quotes pour les variables (contrairement aux chanes de caractres)
Charles COLSON
C. Quotes <SCRIPT language="Javascript"> Ce qui apparatra lcran : prenom var prenom = 'James'; document.write ("prenom") ; </SCRIPT> La variable prenom entre doubles quotes ne permet pas dafficher son contenu En utilisant uniquement les simples quotes, il faudra mettre des antislash : <SCRIPT language="Javascript"> Ce qui apparatra lcran : document.write ('C\'est moi !') ; Cest moi ! </SCRIPT> En utilisant uniquement les doubles quotes, il faudra mettre des antislash : <SCRIPT language="Javascript"> Ce qui apparatra lcran : document.write("C'est du Cest du Javascript \"Javascript\"") ; </SCRIPT> D. Fonction types <SCRIPT language="Javascript"> Ce qui apparatra lcran : var coucou="test"; string var type = typeof(coucou); window.document.write(type); </SCRIPT> La fonction typeof() permet de renvoyer le type de la variable entre parenthses (ici coucou) String = chane de caractres, number = nombre, boolean = boolen, undefined = autre. E. Proprits et mthodes Longueur & Nombre <SCRIPT language="Javascript"> Ce qui apparatra lcran : var coucou="test"; 4 nb = coucou.length; window.document.write(nb); </SCRIPT> En ajoutant la proprit .length on peut connatre la longueur dune variable. Ici coucou qui est gale test contient 4 caractres Il faut savoir que cette proprit peut sappliquer sur de nombreux objets, par exemple dans un tableau elle renverra le nombre dentres. Sous chane <SCRIPT language="Javascript"> Ce qui apparatra lcran : var mot = "facile le js !"; acil var Resultat = mot.substring(1,5) ; window.document.write(Resultat); </SCRIPT> La mthode subtring() permet dextraire les caractres 1 5 de lobjet mot Minuscules & Majuscules <SCRIPT language="Javascript"> Ce qui apparatra lcran : var mot = "Facile LE Javascript"; facile le javascript var Resultat = mot.toLowerCase(); window.document.write(Resultat); </SCRIPT> La mthode toLowerCase() permet de convertir lobjet mot en minuscules, les autres caractres sont laisss tels quels Linverse de la mthode toLowerCase() (pour passer le tout en majuscules) est toUpperCase.
Charles COLSON
IV. Les fonctions

Une fonction est une srie dinstructions qui retourne une valeur, vous pourrez tout automatiser. Prenons un exemple dune fonction pour afficher bonjour : <SCRIPT language="Javascript"> Ce qui apparatra lcran : function Salut(nom) Bienvenue Philippe ! { Bienvenue Abdel ! window.document.write("Bienvenue" + nom + Bienvenue Franck ! "!<br>") ; } Salut("Philippe") ; Salut("Abdel") ; Salut("Franck") ; </SCRIPT> function Salut indique que vous crez une fonction qui sappellera Salut (nom) est un paramtre, cest en fait toutes les variables que la fonction va utiliser {...} le dbut et la fin des accolades indiquent le dbut et la fin de la fonction, entre les deux se trouve le contenu de la fonction, ce quon veut automatiser Salut("Philippe") ; on fait appel la fonction en indiquant entre parenthse ses paramtres (ici le nom) Prenons un autre exemple pour effectuer le calcul du primtre dun rectangle : <SCRIPT language="Javascript"> Ce qui apparatra lcran : function perimetre_rectangle(longueur, Le primtre du rectangle est 13 largeur) { var perimetre = (2 * longueur) + (2 * largeur) ; return perimetre ; } window.document.write("Le primtre du rectangle est : " + perimetre_rectangle(2, 4.5)) ; </SCRIPT> function perimetre_rectangle indique que vous crez une fonction perimetre_rectangle (longueur, largeur) sont les paramtres, les variables que la fonction va utiliser {...} on met entre les accolades la formule du primtre en utilisant les paramtres return perimetre est une instruction qui indique quil faut renvoyer le rsultat de la fonction perimetre_rentangle(2,4.5) on lui demande dcrire le rsultat de la fonction quand le paramtre longueur est gal 2 et le paramtre largeur est gal 4.5. Vous remarquez que pour les nombres dcimaux on met un point et non une virgule.
Charles COLSON
VI. Les conditions

Elles permettent de donner des ordres diffrents Javascript en fonction du cas par exemple gal, suprieur, infrieur Voici le tableau correspondant ces diffrents cas : Symbole Signification Et && || (alt gr + 6) ou Est gal == Est suprieur > Est infrieur < Est suprieur ou gal >= Est infrieur ou gal <= Est diffrent de != A. Forme classique Prenons un exemple en langage courant : SI tu es sage (1re possibilit) ALORS tu auras des bonbons SINON tu nauras pas de bonbons (2me possibilit) Voil ce que cela donne en langage Javascript : <SCRIPT language="Javascript"> Ce qui apparatra lcran : var sage = "oui" ; Cest bien mon petit var notes = 12 ; La dcision du pre nol pour donner des if (sage = = "oui" && notes>=10) bonbons : oui { window.document.write("Cest bien mon petit.<br>") ; var bonbons = "oui" ; } else { window.document.write("Ce nest pas bien mon petit.<br>") ; var bonbons = "non" ; } window.document.write("La dcision du pre nol pour donner des bonbons : " + bonbons) ; </SCRIPT> var sage = "oui" On indique que la variable sage a une valeur de oui var notes = 12 On indique que la variable notes a une valeur de 12 if (sage = = "oui" && notes>=10) Si la variable sage est gale oui et que la variable notes est suprieure ou gale 10 alors on fait ce quil y a entre accolades (cest la condition) Else {} Sinon (donc que sage nest pas gale oui ou que les notes sont infrieures 10) alors on fait ce quil y a entre accolades On peut noter la prsence dun + dans le write() en fait cela permet dinsrer une chane de caractres quon place entre doubles quotes (ici La dcision du pre nol pour donner des bonbons : ) et une variable quon place sans doubles quotes (ici bonbons), on appelle ceci la concatnation.
Charles COLSON
B. Le Switch Pour en finir avec les conditions voyons une autre forme conditionnelle : <SCRIPT language="Javascript"> Ce qui apparatra lcran : var saison = "t" ; switch (saison) { case "printemps": alert("C'est le printemps") ; break case "t": alert("C'est l't") ; break case "automne": alert("C'est l'automne") ; break case "hiver": alert("C'est l'hiver"); break default: alert("Saison inconnue") ; } </SCRIPT> switch (saison){} fonction conditionnelle, on indique entre parenthses la variable avec laquelle on travaille (ici saison). case "printemps": pour le cas saison gale printemps on indique ce quil faut faire (ici on affiche C'est le printemps par lintermdiaire dun alert). Vous noterez quavec cette fonction on ne peut faire qugal case "t": pour le cas saison gale t on indique ce quil faut faire (ici on affiche C'est lt par lintermdiaire dun alert) et ainsi de suite pour tous les cas Break doit tre plac la fin de chaque cas, il permet de faire sortir Javascript du switch Default : cela indique le cas pour toute autre possibilit
Charles COLSON
10
VII. Les boucles

Une boucle permet de rpter plusieurs fois une instruction. Pour ne pas que les boucles se rptent linfini il faut indiquer une condition. Tant que la condition est remplie les instructions seront rptes, ds quelle nest plus remplie, on sort de la boucle. A. Le WHILE Voici un exemple dans le langage courant : ARGENT = 3 euro TANT QUE tu nas pas 5 euro ALORS tu nas pas de bonbons ARGENT = ARGENT + 1 euro Fin des instructions, on recommence tant que la condition nest pas remplie, cest une boucle ! Voici un autre exemple correspondant en Javascript : <SCRIPT language="Javascript"> Ce qui apparatra lcran : Ligne de test var compteur = 2 ; while (compteur<5) Ligne de test { Ligne de test window.document.write("Ligne de test<br>") ; compteur=compteur+1 ; } </SCRIPT> var compteur = 2 on donne une valeur de 2 la variable compteur (cest linitialisation) while (compteur < 5) {} Tant que la variable compteur est infrieure 5 (cest la condition) il faut faire ce quil y a entre accolades compteur=compteur+1 on ajoute 1 la valeur de la variable compteur cest ce quon appelle lincrmentation. Ainsi la condition sera remplie 3 fois. (2+1=3,3+1=4, 4+1=5) B. Le FOR Il existe une autre forme pour faire des boucles, le for : <SCRIPT language="Javascript"> Ce qui apparatra lcran : for (compteur = 1; compteur <= 5; Ligne de test n1 compteur++) Ligne de test n2 { Ligne de test n3 Ligne de test n4 window.document.write("Ligne de test Ligne de test n5 n"+compteur+"<br>") ; } </SCRIPT> for (compteur = 1; compteur <= 5; compteur++){} trois lments sont spars par des points virgules : o compteur = 1 initialisation du compteur 1 o compteur <= 5 condition, tant quelle est remplie, elle sera re-excute o compteur++ incrmentation qui ajoute compteur la valeur 1 (quivaut compteur=compteur+1) on place entre accolades ce quil faut rpter
Charles COLSON
11
VII. Les tableaux

Les tableaux sont gnrs partir de la classe array(), ils vont permettre une variable de prendre plusieurs valeurs par lintermdiaire de cases. Il faudra, pour afficher la variable, prciser sa case. Voici un exemple : <SCRIPT language="Javascript"> Ce qui apparatra lcran : var tableauobjet = new Array() ; Jai un Chat tableauobjet[0]= "Chien" ; tableauobjet[1]= "Chat" ; tableauobjet[2]= "Poisson" ; window.document.write("Jai un " + tableauobjet[1]); </SCRIPT> On commence par crer un objet tableauobjet en lui attribuant la classe Array() : new Array() On dit que lobjet tableauobjet plusieurs cases (leur numro se trouve entre crochets, par exemple tableauobjet[0] correspond la case 0). On indique pour chaque case de lobjet tableauobjet sa valeur (la case 2 pour valeur Poisson par exemple) Pour afficher la valeur dune case, on procde comme avec une variable ordinaire, en prcisant entre crochets la case que lon souhaite voir apparatre (ici tableauobjet[1]) On peut aussi changer le nom des cases : <SCRIPT language="Javascript"> Ce qui apparatra lcran : var tableauobjet = new Array() ; Bonjour Lni tableauobjet["prnom"]= "Lni" ; tableauobjet["nom"]= "CHON" ; tableauobjet["adresse"]= "3, rue Barbe" ; tableauobjet["ville"]= "Nancy" ; window.document.write("Bonjour " + tableauobjet["prnom"]); </SCRIPT> On commence par crer un objet tableauobjet en lui attribuant la classe Array() : new Array() On dit que lobjet tableauobjet plusieurs cases (leur nom se trouve entre crochets, par exemple tableauobjet["adresse"] correspond la case de nom adresse). Il sagit donc case renommer donc on noublie pas de mettre des doubles quotes. On indique pour chaque case de lobjet tableauobjet sa valeur (la case ville pour valeur Nancy par exemple) Pour afficher la valeur dune case, on procde comme avec une variable ordinaire, en prcisant entre crochets la case que lon souhaite voir apparatre (ici tableauobjet["prnom"])
Charles COLSON
12
V. Les vnements
Un vnement est une action de lutilisateur qui va provoquer une interactivit. Voici une liste des diffrents vnements.
Evnement Click (onClick) Load (onLoad) Unload (onUnload) Description Se produit lorsque l'utilisateur clique sur l'lment associ l'vnement Elments Lien hypertexte, Bouton, Case cocher, Bouton radio, Bouton Reset Page du navigateur Page du navigateur Lien hypertexte Lien hypertexte Liste de slection d'un formulaire, Champ de texte et zone de texte Liste de slection d'un formulaire, Champ de texte et zone de texte Liste de slection d'un formulaire, Champ de texte et zone de texte Champ de texte et zone de texte Bouton denvoi de formulaire
Se produit lorsque le navigateur de l'utilisateur charge la page en cours Se produit lorsque le navigateur de l'utilisateur quitte la page en cours
MouseOver Se produit lorsque l'utilisateur positionne le curseur de la souris au-dessus d'un (onMouseOver) lment MouseOut (onMouseOut) Focus (onFocus) Blur (onBlur) Change (onChange) Select (onSelect) Submit (onSubmit) Se produit lorsque le curseur de la souris quitte un lment Se produit lorsque l'utilisateur donne le focus un lment, c'est--dire que cet lment est slectionn comme tant l'lment actif Se produit lorsque l'lment perd le focus, c'est--dire que l'utilisateur clique hors de cet lment, celui-ci n'est alors plus slectionn comme tant l'lment actif
Se produit lorsque l'utilisateur modifie le contenu d'un champ de donnes Se produit lorsque l'utilisateur slectionne un texte (ou une partie d'un texte) dans un champ de type "text" ou "textarea" Se produit lorsque l'utilisateur clique sur le bouton de soumission d'un formulaire
Voici un exemple : <a href="#" onClick="alert('Tu viens Ce qui apparatra lcran : de cliquer !') ;">Cliquez ici!</a> Cliquez ici Puis aprs un clique :
On indique quen cas de clique sur le lien (vnement) il y aura une action. Pas la peine de mettre la balise <script> car on travaille directement sur une balise, ici <a> (lien hypertexte). On place donc onClick comme attribut dans la balise <a> On ne souhaite pas que le lien redirige vers une page donc on indique # dans lattribut href On ajoute aprs le onClick laction excuter entre doubles quotes, juste aprs un = (ici cest un alert('Tu viens de cliquer !'))
Charles COLSON
13
V. Lobjet window
Voici des lments qui permettent de manier les fentres du navigateur. Alert() <SCRIPT language="Javascript"> alert("Test du alert") ; </SCRIPT> Ce qui apparatra lcran :
Lutilisateur na que la possibilit de cliquer sur OK Confirm() <SCRIPT language="Javascript"> Ce qui apparatra lcran : if confirm("Test du confirm") { alert("Tu as cliqu sur OK") ; } else { alert("Tu as cliqu sur annuler") ; } </SCRIPT> La mthode renvoie la valeur de true quand lutilisateur clique sur OK (passera donc dans le if) et false dans le cas contraire (else) Prompt() : invite de commande <SCRIPT language="Javascript"> var reponse = prompt("Test du prompt","Votre rponse") ; </SCRIPT> Ce qui apparatra lcran :
On indique entre doubles quotes le texte dinvite puis toujours entre doubles quotes, spars par une virgule, le texte du champ de saisie La mthode renvoie la valeur saisie par lutilisateur ou NULL sil na rien saisi dans la variable reponse Open() : permet douvrir une nouvelle fentre <SCRIPT language="Javascript"> Ce qui apparatra lcran : window.open("http://www.site.com","T itre","resizable=no, width=100"); </SCRIPT>
On indique tout dabord lurl de la fentre ouvrir entre doubles quotes, ici http://www.site.com On prcise aprs une virgule entre doubles quotes le nom de la fentre, ici Titre Charles COLSON Programmation Javascript 14
On prcise enfin lensemble des options spares par des virgules, ici resizable, width Voici les diffrentes options possibles :
Option Description Affiche ou non les boutons de navigation directory = yes/no Affiche ou non la barre d'adresse location = yes/no Affiche ou non la barre de menu (fichier, dition, ...) menubar = yes/no Dfinit si la taille de la fentre est modifiable ou non resizable = yes/no Affiche ou non les ascenseurs (barres de dfilement) scrollbars = yes/no Affiche ou non la barre d'tat status = yes/no Affiche ou non la barre d'outils toolbar = yes/no width = largeur (en pixels) Dfinit la largeur height = hauteur (en pixels) Dfinit la hauteur
Close() : permet de fermer une fentre <A href="#" onClick="window. close() ;">Cliquez ici pour fermer la fentre</A>
Ce qui apparatra lcran : Cliquez ici pour fermer la fentre Puis aprs un clique :
On prcise qu laction de clique (onClick) il y aura un vnement sur llment window (correspond la page actuelle) de fermeture (close()) Status : message temporaire lors du chargement de la page <SCRIPT language="Javascript"> Ce qui apparatra lcran : window.status="test"; </SCRIPT>
DefaultStatus : message dans la barre de statut <SCRIPT language="Javascript"> Ce qui apparatra lcran : window.defaultStatus="test"; </SCRIPT>
History.go() : aller sur une autre page de lhistorique <A HREF="#" Ce qui apparatra lcran : onClick="window.history.go(Retour 1) ;">Retour</A> Suivant <br> <A HREF="#" onClick="window.history.go(+1) ;">Su ivant</A> On prcise qu laction de clique (onClick) il y aura un vnement sur llment window (correspond la page actuelle) dhistorique (history()) qui correspondra la page prcdente avec le paramtre 1 et la page suivante avec +1.
Charles COLSON
15
Location : rediriger vers une autre page <SCRIPT language="Javascript"> Ce qui apparatra lcran : window.location.href = (la page http://www.site.com) "http://www.site.com"; </SCRIPT> Lobjet location avec la proprit href permet de faire une redirection vers la page http://www.site.com AddFavorite() : mettre une page dans les favoris <a href="#" Ce qui apparatra lcran : onClick="window.external.AddFavorite ('http://www.site.com', 'Ouais, ajoute mon site !') ;">Lien</a>
Lobjet external avec la mthode AddFavorite permet de demander lutilisateur de mettre le site http://www.monsite.com avec comme nom par dfaut Ouais, ajoute mon site ! en Favoris AddFavorite() : mettre une page dans les favoris <a href="#" Ce qui apparatra lcran : onClick="window.external.AddFavorite ('http://www.site.com', 'Ouais, ajoute mon site !') ;">Lien</a>
Lobjet external avec la mthode AddFavorite permet de demander lutilisateur de mettre le site http://www.monsite.com avec comme nom par dfaut Ouais, ajoute mon site ! en Favoris
Charles COLSON
16
V. Lobjet date
Voici une classe qui permet de se reprer dans le temps. <SCRIPT language="Javascript"> Ce qui apparatra lcran : var dateobjet = new Date() ; hh : mm window.document.write("Il est : " + dateobjet.getHours() +":"+dateobjet.getMinutes()+" heures") ;</SCRIPT> On commence par crer un objet dateobjet en lui attribuant la classe date() : new date() On lui demande dafficher lheure avec la mthode getHours() de lobjet dateobjet quon a cr juste auparavant Il est galement possible de dfinir une date prcise : <SCRIPT language="Javascript"> Ce qui apparatra lcran : var dateobjet = new Date(2000,0,1) ; </SCRIPT> On cre un objet dateobjet en lui attribuant la classe date() en crivant : new date() On indique entre parenthses la classe date() lanne, le mois et le jour. (ici le 1er janvier 2000) Les paramtres sindiquent ainsi dans la classe date() : year, month, day, hours, minutes, seconds ou year, month, day. Voici une liste de mthodes qui peuvent sappliquer aux objets de la classe Date :
Mthode getDate() Description Permet de rcuprer la valeur du jour du mois (entier entre 1 et 31) Permet de rcuprer la valeur du jour de la semaine pour la date spcifie (entier qui correpond au jour de la getDay() semaine 0 pour dimanche, 1 pour lundi) getHour() Permet de rcuprer la valeur de l'heure (entier entre 0 et 23) getMinutes() Permet de rcuprer la valeur des minutes (entier entre 0 et 59) getMonth() Permet de rcuprer le numro du mois (entier entre 0 et 11, 0 : janvier, 1 : fvrier) getYear() Permet de rcuprer le nombre dannes depuis 1900. er getTime() Permet de rcuprer le nombre de secondes depuis le 1 janvier 1970 (date de cration dUnix)
Charles COLSON
17
IV. Lobjet math

Minimum et Maximum <SCRIPT language="Javascript"> Ce qui apparatra lcran : var nombre = 50 Math.max(10,20,50,30,40); window.document.write(nombre); </SCRIPT> Lobjet Math associ la mthode max() retourne le plus grand des entiers donns en paramtre Linverse de la mthode max() (pour retourner le plus petit des entiers) est min(). Racine carr <SCRIPT language="Javascript"> Ce qui apparatra lcran : var nombre = Math.sqrt(25); 5 window.document.write(nombre); </SCRIPT> Lobjet Math associ la mthode sqrt() retourne la racine carre de25 Puissance <SCRIPT language="Javascript"> Ce qui apparatra lcran : var nombre = Math.pow(4,2); 16 window.document.write(nombre); </SCRIPT> Lobjet Math associ la mthode pow() retourne le nombre 4 la puissance 2 Arrondi <SCRIPT language="Javascript"> Ce qui apparatra lcran : var nombre = Math.round(4.041); 4 window.document.write(nombre); </SCRIPT> Lobjet Math associ la mthode round() retourne le larrondi de 4,041 Entier suprieur & Entier infrieur <SCRIPT language="Javascript"> Ce qui apparatra lcran : var nombre = Math.ceil(4.041); 5 window.document.write(nombre); </SCRIPT> Lobjet Math associ la mthode ceil() retourne lentier suprieur ou gal la valeur 4,041 Linverse de mthode ceil() (pour retourner lentier infrieur) est floor(). Ramdom <SCRIPT language="Javascript"> Ce qui apparatra lcran : var nombre = 53 Math.round(100*Math.random()); window.document.write(nombre); </SCRIPT> Lobjet Math associ la mthode ramdom() et round() permet de gnr un nombre entier compris entre 0 et 100
Charles COLSON
18

154 Javascript

Transféré par

Informations du document

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

154 Javascript

Transféré par

Droits d'auteur :

Formats disponibles

Charles COLSON

II. Les bases

III. La notion dobjets

IV. Les variables

IV. Les fonctions

VI. Les conditions

VII. Les boucles

VII. Les tableaux

IV. Lobjet math

Vous aimerez peut-être aussi