Javascript

JavaScript
Introduction (1)
Javascript permet de rendre dynamique un site internet dvelopp en HTML.
Javascript permet de dvelopper de vritables applications fonctionnant exclusivement dans le cadre d'Internet. Le Javascript est un langage de script simplifi orient objet dont la syntaxe est base sur celle du Java.
Javascript a t initialement labor par Netscape en association avec Sun Microsystem.
Plus tard, Microsoft dveloppera son propre langage Javascript officiellement connu sous le nom de JScript.
Introduction (2)
Contrairement un applet Java qui est un programme compil, les scripts crits en Javascript sont interprts
Le Java, reprsent par un ou plusieurs fichiers autonomes dont l'extension sera *.class ou *.jar, est invoqu par une balise HTML spcifique Le JavaScript est crit directement au sein du document HTML sous forme d'un script encadr par des balises HTML spciales.
Javascript est standardis par un comit spcialis, l'ECMA (European Computer Manufactures Association).
HTML et JavaScript
la page HTML devra TOUJOURS contenir les deux balises spcifiques et indispensables
<script language="JavaScript"> ............ </script>
Le code JavaScript sintgre de deux manire avec le code HTML
1. Insertion directe dans le code HTML
Le code JavaScript s'insre le plus souvent dans la page HTML elle mme.
C'est la mthode la plus simple et la plus frquemment utilise par les dveloppeurs de sites Internet.
2. Insertion comme un module externe
1. Insertion dans une page HTML
Il existe 2 manires d'insrer du code JavaScript dans une page HTML
1.1 Insertion pour excution directe
Le code s'excute automatiquement lors du chargement de la page HTML dans le navigateur en mme temps que le contenu de la page HTML s'affiche l'cran. Le code JavaScript est plac dans le corps mme de la page HTML, entre les balises <body> .......... Et ......... </body>
<html> <head> <title>..... </title> </head> <body> <script language="JavaScript"> alert(bonjour); </script> </body> </html>
1.2 Insertion et excution vnementielle
Le code javascript est d'abord lu par le navigateur, stock en mmoire, pour ne s'excuter que sur demande, lors du dclenchement d un vnement. Le code JavaScript est plac dans le corps mme de la page HTML, entre les balises <head> .......... et ......... </head> Le code s'excutera seulement lors d'un vnement gnr par intervention de l'utilisateur. Il faut crire le code correspondant cet vnement dans le corps du document HTML.
<html> <head> <title> .......... </title> <script language="JavaScript"> function auRevoir () { alert( Au revoir);} </script> </head> <body onUnload=auRevoir();> Exccution diffre </body> </html>
2. Insertion par appel de module externe
On peut insrer du code JavaScript en faisant appel un module externe se trouvant nimporte quelle adresse (URI).
Les deux balises de Javascript doivent tre placs entre les Tags <body> et </body> dans le cas d'une excution directe ou entre les Tags <head> et </head> de la page HTML pour une excution diffre. Stock dans un fichier sur le serveur son adresse d'appel sous forme de TEXTE SIMPLE portant l'extension .txt ou .js Simplifie la maintenance des sites faisant appel des modules JavaScript communs plusieurs pages HTML. Inconvnient : l'appel au code externe gnre une requte supplmentaire vers le serveur, et encombre le rseau
<script src="URL du module externe"> ............ </script>
Entre et sortie de donnes avec JavaScript
3 types de boites de messages peuvent tre affichs en utilisant Javascript : Alerte, Confirmation et Invite
Mthode alert()
sert afficher lutilisateur des informations simples de type texte. Une fois que ce dernier a lu le message, il doit cliquer sur OK pour faire disparatre la bote
Mthode confirm()
permet lutilisateur de choisir entre les boutons OK et Annuler.
Mthode prompt()
La mthode prompt() permet lutilisateur de taper son propre message en rponse la question pose
La mthode document.write permet d crire du code HTML dans la page WEB
Entre et sortie de donnes avec JavaScript

<html> <head> <title> une page simple </title> </head> <body> Bonjour <script language='javascript'> alert('bonjour'); document.write ( prompt('quel est votre nom ?','Indiquer votre nom ici') ); confirm('quel bouton allez-vous choisir ?'); </script> </body> </html>
La structure dun script en JavaScript
La syntaxe du langage Javascript s'appuie sur le modle de Java et C Rgles gnrales

1. L'insertion des espaces peut s'effectu n'importe o dans le script Chaque commande doit tre termine par un point-virgule (;). Un nombre virgule est spar par un point (.) et non par une virgule Le langage Javascript y est sensible la casse Il existe deux mthodes permettant d'intgrer des commentaires vos scripts. Placer un double slash (//) devant le texte Encadrer le texte par un slash suivi d'une toile (/*) et la mme squence inverse (*/)
Les variables (1)
Dclaration et affectation
Le mot-cl var permet de dclarer //Dclaration de i, de j et de k. var i, j, k; une ou plusieurs variables.

Aprs la dclaration de la variable, il est possible de lui affecter une valeur par l'intermdiaire du signe d'galit (=). //Affectation de i. i = 1; //Dclaration et affectation de prix. var prix = 0;
Si une valeur est affecte une variable sans que cette dernire ne //Dclaration et affectation de caractere soit dclare, alors Javascript la var caractere = ["a", "b", "c"]; dclare automatiquement.
Les variables (2)
Dclaration et affectation

La lecture d'une variable non dclare provoque une erreur Une variable correctement dclare mais dont aucune valeur n'est affecte, est indfinie (undefined). les variables peuvent tre globales ou locales. Une variable globale est dclare en dbut de script et est accessible n'importe quel endroit du programme. Une variable locale est dclare l'intrieur d'une fonction et n'est utilisable que dans la fonction elle-mme.
La porte

Les variables (3)
Contraintes concernant les noms de variables
Les noms de variables ne peuvent contenir que des lettres, chiffres, ou le caractre "_" (underscore)
Mon_Prenom est un nom valide
Les caractres spciaux et accentus sont interdits (, , , , etc..)

Mon_Prnom n'est pas un nom valide. Il y a un caractre accentu.
Les majuscules et les minuscules ont leur importance.

MonPrenom est diffrent de Monprenom.
Un nom de variable ne peut contenir d'espaces.
Mon Prenom n'est pas un nom de variable correct. Il y a un espace.
Les mots rservs JavaScript ne peuvent tre utiliss comme noms de variable.
Les variables (4)
Le type dune variable dpend de la valeur stocke dans cette variable. Pas de dclaration de type.
Exemple var maVariable = Philippe ; maVariable =10;
trois principaux types de valeurs

String Number : 10^-308 >nombre < 10^308 Les nombres entiers les nombres dcimaux en virgule flottant 3 valeurs spciales : Positive Infinity ou +Infinity (valeur infini positive) Negative Infinity ou Infinity (valeur infinie ngative) Nan (Not a Number) habituellement gnre comme rsultat dune opration mathamatique incohrente
Boolean
deux valeurs littrales : true (vrai) et false (faux).
Valeurs spciales
JavaScript inclut aussi deux types de donnes spciaux :
Null : possde une seule valeur, null, qui signifie labsence e donnes dans une variable Undefined : possde une seule valeur, undifined. Une variable dont le contenu nest pas clair car elle na jamais stock de valeur, pas mme null est dite non dfinie (undifined).
Les oprations sur les chanes
La concatnation
Var chaine = bonjour + FI3/FCD1 ;
Dterminer la longueur dune chane

Var ch1 = bonjour ; Var longueur = ch1.length;
Identifier le nime caractre dune chane

Var ch1 = Rebonjour ! ; Var carac = ch1.charAt(2);
Extraction dune partie de la chane

Var dateDuJour = 04/04/03 Var mois = datteDuJour.substring(3, 5); 3: est lindice du premier caractre de la sou-chane extraire 5 : indice du dernier caractre prendre en considration ; ce caractre ne fera pas partie de la sous-chane extraire
Les fonctions prdfinies (1)
eval
Cette
fonction excute un code Javascript partir d'une chane de caractres.
... <SCRIPT LANGUAGE="JavaScript"> function evaluation() { document.formulaire.calcul.value=eval(document.formulaire.saisie.value); } </SCRIPT> ... <FORM NAME="formulaire"> Saisissez une expression mathmatique : <INPUT TYPE="text" NAME=saisie MAXLENGTH=40 SIZE=40> <INPUT TYPE="button" VALUE="evaluation." onClick="evaluation()"> <INPUT TYPE="text" NAME=calcul MAXLENGTH=40 SIZE=40> </FORM>...
isFinite
Dtermine si le parametre est un nombre fini. Renvoie false si ce n'est pas un nombre ou l'infini positif ou infini ngatif.
isFinite(240) //retourne true isFinite("Un nombre") //retourne false
isNaN
dtermine si le parametre nest pas un nombre (NaN : Not a Number).

isNaN("un nombre") //retourne true isNaN(20) //retourne false
parseFloat
analyse
une chane de caractres et retourne un nombre dcimal. Si l'argument valu n'est pas un nombre, renvoie NaN (Not a Number).
parseInt
analyse
var numero="125"; var nombre=parseFloat(numero); //retourne le nombre 125
une chane de caractres et retourne un nombre entier de la base spcifie. La base peut prendre les valeurs 16 (hexadcimal) 10 (dcimal), 8 (octal), 2 (binaire).
var prix=30.75; var arrondi = parseInt(prix, 10); //retourne 30
Number
convertit
l'objet spcifi en valeur numrique
var jour = new Date("December 17, 1995 03:24:00");//converit la date en millisecondes alert (Number(jour));
String
convertit
l'objet spcifi en chane de caractres
jour = new Date(430054663215);//Convertit le nombre en date Mois jour, Annee etc. alert (String(jour));
Escape retourne la valeur hexadcimale partir d'une chane de caractre code en ISO-Latin-1.
escape("!&") //retourne %21%26%
Les Objets (1)
Les objets de JavaScript, sont soit des entits pr dfinies du langage, soit crs par le programmeur.
Par exemple, le navigateur est un objet qui s'appelle "navigator". La fentre du navigateur se nomme "window" La page HTML est un autre objet, que l'on appelle "document". Un formulaire l'intrieur d'un "document", est aussi un objet. Un lien hypertexte dans une page HTML, est encore un autre objet. Il s'appelle "link". etc...
Les objets javascript peuvent ragir des "Evnements". Tous les navigateurs ne supportent pas les mmes objets Accs aux proprits dun objet

voiture.couleur.value voiture.couleur.value = verte
Les objets (2)
Loprateur New
L'oprateur new est utilis pour crer une nouvelle instance ou un nouveau type d'objet dfini par l'utilisateur ou de l'un des types d'objets prdfinis, Array, Boolean, Date, Function, Image, Number, Object, ou String. nouvel_objet = new type_objet(parametres)
texte = new String("Une chane de caractre");
Les objets (3)
Loprateur Typeof
L'oprateur
typeof renvoie une chane de caractres indiquant quel est le type de l'oprande.
var i = 1; typeof i; //retourne number var titre="Les raisins de la colre"; typeof titre; //retourne string var jour = new Date(); typeof jour; //retourne object var choix = true; typeof choix; //retourne boolean var cas = null; typeof cas; //retourne object typeof parseFloat; //retourne function typeof Math; //retourne object (IE 5.*, NS 6.*, NS 4.78, Opera 6.*, Opera 5.* typeof Math; //retourne function NS 3.*, Opera 3.*
L'objet String (1)

Proprit :
length
: retourne la longueur de la chane de caractres;
Mthodes :
anchor(
) : formate la chane avec la balise <A> nomme; b( ) : formate la chane avec la balise <B>; big( ) : formate la chane avec la balise <BIG>; charAt( ) : renvoie le caractre se trouvant une certaine position; charCodeAt( ) : renvoie le code du caractre se trouvant une certaine position; concat( ) : permet de concatner 2 chanes de caractres; fromCharCode( ) : renvoie le caractre associ au code; indexOf( ) : permet de trouver l'indice d'occurrence d'un caractre dans une chane;
L'objet String (2)

italics(
) : formate la chane avec la balise <I>; lastIndexOf( ) : permet de trouver le dernier indice d'occurrence d'un caractre; link( ) : formate la chane avec la balise <A> pour permettre de faire un lien; slice( ) : retourne une portion de la chane; substr( ) : retourne une portion de la chane; substring( ) : retourne une portion de la chane; toLowerCase( ) : permet de passer toute la chane en minuscule; toUpperCase( ) : permet de passer toute la chane en majuscules;
L'objet Array

Proprit :
length
: retourne le nombre d'lments du tableau;
Mthodes :
concat(
) : permet de concatner 2 tableaux; join( ) : converti un tableau en chane de caractres; reverse( ) : inverse le classement des lmnts du tableau; slice( ) : retourne une section du tableau; sort( ) : permet le classement des lments du tableau;
L'objet Math (1)
Proprits :
E
: renvoie la valeur de la constante d'Euler (~2.718); LN2 : renvoie le logarithme nprien de 2 (~0.693); LN10 : renvoie le logarithme nprien de 10 (~2.302); LOG2E : renvoie le logarithme en base 2 de e (~1.442); LOG10E : renvoie le logarithme en base 10 de e (~0.434); PI : renvoie la valeur du nombre pi (~3.14159); SQRT1_2 : renvoie 1 sur racine carre de 2 (~0.707); SQRT2 : renvoie la racine carre de 2 (~1.414);
L'objet Math (2)
Mthodes :
abs(
), exp( ), log(), sin( ), cos( ), tan( ), asin( ), acos( ), atan( ), max( ), min( ), sqrt( ) sont les oprations mathmatiques habituelles; atan2( ) : retourne la valeur radian de l'angle entre l'axe des abscisses et un point; ceil( ) : retourne le plus petit entier suprieur un nombre; floor( ) : retourne le plus grand entier infrieur un nombre; pow( ) : retourne le rsultat d'un nombre mis une certaine puissance; random( ) : retourne un nombre alatoire entre 0 et 1; round( ) : arrondi un nombre l'entier le plus proche.
L'objet Date (1)

Proprit : aucune; Mthodes :
getFullYear(
), getYear( ), getMonth( ), getDay( ), getDate(), getHours( ), getMinutes( ), getSeconds( ), getMilliseconds( ): retournent respectivement l'anne complte, l'anne (2chiffres), le mois, le jour de la semaine, le jour du mois, l'heure, les minutes, les secondes et les millisecondes stocks dans l'objet Date; getUTCFullYear( ), getUTCYear( ), retournent respectivement l'anne complte, l'anne (2chiffres), stocks dans l'objet Date en temps universel; setFullYear( ), setYear( ), remplacent respectivement l'anne complte, l'anne (2chiffres), dans l'objet Date;
L'objet Date (2)

), setUTCYear( ), remplacent l'anne complte, l'anne (2chiffres), dans l'objet Date en temps universel; getTime( ) : retourne le temps stock dans l'objet Date; getTimezoneOffset( ) : retourne la diffrence entre l'heure du client et le temps universel; toGMTString( ), toLocaleString( ), toUTCString( ) : convertissent la date en chane de caractre selon la convention GMT, selon la convention locale ou en temps universel;
setUTCFullYear(
Les objets du navigateur (1)

L'objet le plus haut dans la hirarchie est window qui correspond la fentre mme du navigateur. L'objet document fait rfrence au contenu de la fentre. document regroupe au sein de proprits l'ensemble des lments HTML prsents sur la page. Pour atteindre ces diffrents lments, nous utiliserons :
soit
des mthodes propres l'objet document, comme la mthode getElementById( ), qui permet de trouver l'lment en fonction de son identifiant (ID); soit des collections d'objets qui regroupent sous forme de tableaux Javascript tous les lments de type dtermin.
Les objets du navigateur (2)
L'objet window (1)
Proprits : (accessibles avec IE et N)

closed : indique que la fentre a t ferme; defaultStatus : indique le message par dfaut dans la barre de status; document : retourne l'objet document de la fentre; frames : retourne la collection de cadres dans la fentre; history : retourne l'historique de la session de navigation; location : retourne l'adresse actuellement visite; name : indique le nom de la fentre;
L'objet window (2)

navigator : retourne le navigateur utilis; opener : retourne l'objet window qui a cr la fentre en cours; parent : retourne l'objet window immdiatemment suprieur dans la hirarchie; self : retourne l'objet window correspondant la fentre en cours; status : indique le message affich dans la barre de status; top : retourne l'objet window le plus haut dans la hirarchie.
L'objet window (3)
Mthodes :
blur( ) : enlve le focus de la fentre; close( ) : ferme la fentre; focus( ) : place le focus sur la fentre; moveBy( ) : dplace d'une distance; moveTo( ) : dplace la fentre vers un point spcifi; open( ) : ouvre une nouvelle fentre; print( ) : imprime le contenu de la fentre; resizeBy( ) : redimensionne d'un certain rapport; resizeTo( ) : redimensionne la fentre; setTimeout( ) : value une chane de caractre aprs un certain laps de temps.
L'objet document (1)
Proprits :
applets : retourne la collection d'applets java prsente dans le document; cookie : permet de stocker un cookie; domain : indique le nom de domaine du serveur ayant apport le document; forms : retourne la collection de formulaires prsents dans le document; images : retourne la collection d'images prsentes dans le document; links : retourne la collection de liens prsents dans le document;
L'objet document (2)

referrer : indique l'adresse de la page prcdente; title : indique le titre du document.
Mthodes :
close( ) : ferme le document en criture; open( ) : ouvre le document en criture; write( ) : crit dans le document; writeln( ) : crit dans le document et effectue un retour la ligne
L'objet navigator
Proprits
appName : application (Netscape, Internet Explorer) appVersion : numero de version. platform : systme dexploitation (Win32) plugins language mimeTypes JavaEnabled()
Les vnements (1)
Javascript est dpendant des vnements
se produisent lors d'actions diverses sur les objets d'un document HTML.
onLoad; onClick onMouseover onMouseout ...
Il est possible de baser lexcution de fonctions sur des vnements
Les vnements (2)
Evnement onLoad
Se
produit lorsque une page web est charge dans la fentre du navigateur la page (y compris les images quelle contient si leur chargement est prvu) doit avoir t charge pour quil ait lieu vnement peut tre associ une image seulement ; auquel cas, il se produit une fois son chargement termin
Toute
Cet
<HTML><BODY onLoad="alert('page charge');"> Exemple de l'vnement onLoad </BODY></HTML>
Les vnements (3)
Evnement onClick
Se
produit lorsque lutilisateur clique sur un lment spcifique dans une page, comme un lien hypertexte, une image, un bouton, du texte, etc. lments sont capables de rpondre sparment cet vnement peut galement tre dclench lorsque lutilisateur clique nimporte o sur la page sil a t associ non pas un lment spcifique, mais llment body tout entier
Ces Il
<HTML><BODY> <INPUT TYPE="Button" Value="cliquer ici onClick="alert('Clic')"> </BODY></HTML>
Les vnements (4)
vnement onMouseover
Analogue
onClick sauf quil suffit que lutilisateur place le pointeur de sa souris sur lun des lments prcits (lien hypertexte, image, bouton, texte, etc.) pour quil ait lieu linverse de onMouseover, cet vnement se produit lorsque le pointeur de la souris quitte la zone de slection dun lment.
vnement onMouseout
A
<HTML><BODY> <IMG SRC="image.gif" onMouseOver="src='image2.gif';" onMouseOut="src='image.gif';"> </BODY></HTML>
Nommage des objets-lments

Pour pouvoir manipuler un objet en javaScript, il doit possder un nom Pour pouvoir distinguer les diffrents objets-lments dune page web, il suffit de leur donner un nom travers de lattribut NAME
<Table Name= tableau1 > <Table Name= tableau2 > <Form Name = formulaire1 > <Form Name = formulaire2 > <Textarea Name = texte1>
Dans le cas o lobjet serait unique alors pas besoin de nom pour dsigner cet objet
Exemple : le cas de BODY(une seul BODY par document), DOCUMENT (un seul DOCUMENT par fentre)
Manipulation des objets
Pour adresser un objet, il ne suffit pas de donner son nom : il faut aussi prciser son chemin daccs dans larborescence de la structure
<HTML><BODY onLoad="window.document.formulaire.zone.value='Bonjour';"> <FORM name="formulaire"><INPUT NAME="zone" TYPE="text"> </FORM></BODY></HTML>

Si le nom de la fentre est omis, le navigateur utilisera par dfaut la fentre courante Dans le cas de cadres (frames), il est pertinent de donner le nom de la fentre Il est possible aussi domettre window.document : ladressage russi puisquil ny a quun seul objet document dans la fentre
Les Cookies (1)
Un "Cookie" est une chane de caractres qu'une page HTML (contenant du code JavaScript) peut crire un emplacement UNIQUE et bien dfini sur le disque dur du client.
Cette chane de caractres ne peut tre lue que par le seul serveur qui l'a gnre. Transmettre des valeurs (contenu de variables) d'une page HTML une autre.
Par exemple, crer un site marchand et constituer un "caddie" pour le client. Caddie qui restera sur son poste et vous permettra d'valuer la facture finale au bout de la commande. Sans faire appel quelque serveur que ce soit.
Que faire avec un cookie
Personnaliser les pages prsentes l'utilisateur en reprenant par exemple son nom en haut de chaque page.
Les Cookies (2)
Limitations lors de lutilisation des cookies.
On ne peut pas crire autant de cookies que l'on veut sur le poste de l'utilisateur (client dune page). Il y a des limites :

Limites en nombre : Un seul serveur (ou domaine) ne peut pas tre autoris crire plus de 20 cookies. Limites en taille : un cookie ne peut excder 4 Ko. Limites du poste client : Un poste client ne peut stocker plus de 300 cookies en tout.
O sont stocks les cookies
En gnral, ils sont pour Netscape, dans le rpertoire de l'utilisateur (si il y a des profils diffrents) sous le nom de "cookie.txt". Microsoft Internet Explorer stocke les cookies dans des rpertoires tels que "C:\WINDOWS\Cookies" ou encore "C:\WINDOWS\TEMP\Cookies".
Les Cookies (3)
Structure d'un cookie
Nom=Contenu; expires=expdate; path=Chemin; domain=NomDeDomaine; secure

Nom=Contenu;
Sont deux variables suivies d'un ";" . Elles reprsentent l'en-tte du cookie. La variable Nom contient le nom donner au cookie. La variable Contenu contient le contenu du cookie Exemple ma_cookie= oui:visite
Les Cookies (4)
Expires= expdate;
Le mot rserv expires suivi du signe "=" (gal). Derrire ce signe, vous mettrez une date d'expiration reprsentant la date laquelle le cookie sera supprim du disque dur du client. La date dexpiration doit tre au format : Wdy, DD-Mon-YYYY HH:MM:SS GMT
Utiliser les fonctions de l'objet Date

Rgle gnrale : 'indiquer un dlai en nombre de jours (ou d'annes) avant disparition du Cookie.
Les Cookies (5)
path=Chemin; path reprsente le chemin de la page qui a cr le cookie.
domain=NomDeDomaine; domain reprsente le nom du domaine de cette mme page

secure secure prend les valeurs "true" ou "false" selon que le cookie doit utiliser des protocoles HTTP simples (non scuriss) ou HTTPS (scuriss).
Les arguments path, domain et secure sont facultatifs.
lorsque ces arguments sont omis, les valeurs par dfaut sont prises. Pour secure, la valeur est "False" par dfaut.
Les Cookies (6)
Ecrire un cookie
Un cookie est une proprit de l'objet document (la page HTML charge dans le navigateur) alors lintruction dcriture de cookie est:
document.cookie = Nom + "=" + Contenu + "; expires=" + expdate.toGMTString() ;
var Nom = "MonCookie" ; // nom du cookie var Contenu = "H... Vous avez un cookie sur votre disque !" ; // contenu du cookie var expdate = new Date () ; // cre un objet date indispensable puis rajoutons lui 10 jours d'existence : expdate.setTime (expdate.getTime() + ( 10 * 24 * 60 * 60 * 1000)) ; document.cookie = Nom + "=" + Contenu + "; expires=" + expdate.toGMTString() ;
Les Cookies (7)
Lecture d'un cookie
Accder la proprit cookie de l'objet document.
Document.cookie
var LesCookies ; // pour voir les cookies LesCookies = document.cookie ; // on met les cookies dans la variable LesCookies
Modification d'un cookie
Modifier le contenu de la variable Contenu puis rcrire le cookie sur le disque dur du client
Contenu = "Le cookie a t modifi..." ; // nouveau contenu document.cookie = Nom + "=" + Contenu + "; expires=" + expdate.toGMTString() ; // criture sur le disque
Les Cookies (8)
Suppression d'un cookie

Positionner la date de premption du cookie une valeur infrieure
celle du moment o on l'crit sur le disque.

// on enlve une seconde (a suffit mais c'est ncessaire)
expdate.setTime (expdate.getTime() - (1000)) ;

// criture sur le disque
document.cookie = Nom + "=" + Contenu + "; expires=" + expdate.toGMTString() ;

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

Javascript

Transféré par

Droits d'auteur :

Formats disponibles

JavaScript

Javascript permet de rendre dynamique un site internet dvelopp en HTML.

Le code JavaScript sintgre de deux manire avec le code HTML

1. Insertion directe dans le code HTML

2. Insertion comme un module externe

1. Insertion dans une page HTML

Il existe 2 manires d'insrer du code JavaScript dans une page HTML

1.1 Insertion pour excution directe

1.2 Insertion et excution vnementielle

2. Insertion par appel de module externe

<script src="URL du module externe"> ............ </script>

Entre et sortie de donnes avec JavaScript

permet lutilisateur de choisir entre les boutons OK et Annuler.

La mthode document.write permet d crire du code HTML dans la page WEB

Entre et sortie de donnes avec JavaScript

La structure dun script en JavaScript

La syntaxe du langage Javascript s'appuie sur le modle de Java et C Rgles gnrales

Les variables (1)

Le mot-cl var permet de dclarer //Dclaration de i, de j et de k. var i, j, k; une ou plusieurs variables.

Les variables (2)

Les variables (3)

Contraintes concernant les noms de variables

Les caractres spciaux et accentus sont interdits (, , , , etc..)

Les majuscules et les minuscules ont leur importance.

Un nom de variable ne peut contenir d'espaces.

Mon Prenom n'est pas un nom de variable correct. Il y a un espace.

Les variables (4)

Exemple var maVariable = Philippe ; maVariable =10;

trois principaux types de valeurs

JavaScript inclut aussi deux types de donnes spciaux :

Les oprations sur les chanes

Dterminer la longueur dune chane

Identifier le nime caractre dune chane

Extraction dune partie de la chane

Les fonctions prdfinies (1)

fonction excute un code Javascript partir d'une chane de caractres.

Les fonctions prdfinies (2)

dtermine si le parametre nest pas un nombre (NaN : Not a Number).

Les fonctions prdfinies (3)

var numero="125"; var nombre=parseFloat(numero); //retourne le nombre 125

Les fonctions prdfinies (4)

l'objet spcifi en valeur numrique

l'objet spcifi en chane de caractres

escape("!&") //retourne %21%26%

Les Objets (1)

voiture.couleur.value voiture.couleur.value = verte

Les objets (2)

Les objets (3)

L'objet String (1)

: retourne la longueur de la chane de caractres;

L'objet String (2)

: retourne le nombre d'lments du tableau;

L'objet Math (1)

L'objet Math (2)

L'objet Date (1)

L'objet Date (2)

Les objets du navigateur (1)

Les objets du navigateur (2)

L'objet window (1)

Proprits : (accessibles avec IE et N)

L'objet window (2)

L'objet window (3)

L'objet document (1)

L'objet document (2)