JavaScript:
Résumé du cours
JavaScript est un langage de script
(langage de programmation de niveau haut). Il a
été développé initialement par Netscape qui l'a
publié sous le nom de LiveScript. Ensuite il a
été repris par la firme SUN (qui a aussi
développé le fameux Java) qui l'a alélioré
davantage et renommé en JavaScript.
JavaScript est alors un langage de programmation
conçu pour le Web. Ajouté aux balises HTML, il
peut produire des pages interactives et
performantes.
Il
s'agit également d'un langage de programmation
coté client. En effet les scripts (programmes)
JavaScript sont envoyé au client (en plus du
HTML) et c'est le browser (navigateur) qui se
charge de l'exécuter. Il est alors évident que
le navigateur du client doit supporter ce
langage pour pouvoir l'exécuter. Actuellement la
plupart des navigateurs existant (si ce n'était
pas tous) supportent le JavaScript.
Les scripts JavaScript sont délimités par les
tags
<script>
et
</script>.
Le premier délimiteur indique au navigateur que
ce qui suit c'est du JavaScript tandis que le
deuxième l'informe de la fin du script et la
reprise du code par défaut qui n'est autre que
le HTML. En plus il faut aussi renseigner le
browser que le script à interpréter c'est du
JavaScript (et non pas le VBScript par exemple).
La syntaxe des tagues devient alors:
<script language="javascript">
Le
script JavaScript
</script>
<script>
est en fait une balise qui possède comme
attribut
language
dont la valeur est le nom du langage utilisé (JavaScript
dans ce cas).
Souvent les scripts de JavaScript sont
déclanchés par des événements se produisant sur
le navigateur tel que le click, le survol d'un
objet à l'aide de la souris, la sélection, le
chargement de la page...
JavaScript s'appuie sur les objets. Il ne s'agit
pas d'un langage orienté objet tel que Java.
Mais il utilise les objets du navigateur. En
plus il accède à ces objets là selon une
hiérarchie rigoureuse. Pour être plus clair
consultons l'exemple HTML suivant:
<html>
<head>
</head>
<body>
<form name="nom_form">
<inpute type="text" name="mon_text">
</form>
</body>
</html>
Il
s'agit là d'un formulaire nommé
nom_form.
A l'intérieur du formulaire on a créé une zone
de texte qu'on a nommé
nom_text.
JavaScript va ensuite accéder aux objets par
leur nom; c'est à dire par les valeur de
l'attribut
name
de
form
et de
text.
Le
premier objet que JavaScript peut rencontré
c'est l'objet
window
(ou fenêtre). La fenêtre constitue le parent de
tous les objets. Ensuite il y a l'objet
document
qui représente le document ou la page Web en
question. Dans le document on trouve le
formulaire identifié par
mon_form.
Dedans il y a la zonne de texte identifiée par
mon_text.
Pour arriver à la valeur de la zone de texte il
faut parcourir tous les objets tel que:
window.document.mon_form.mon_text.value.
Le point sert de passer d'une position
hiérarchique supérieur à une position
hiérarchique immédiatement inférieure. La
hiérarchie est finie par la propriété ou la
méthode de l'objet final. Dans ce cas c'est la
propriété
value
de l'objet zone de texte nommée
mon_text.
Les objets les plus courent en JavaScript sont:
-
Window
(fenêtre principale constituat le parnet de tous
les objets)
-
Document
(document situé dans la fenêtre principale)
-
String
(chaîne de caractères)
-
Date
(date et heure système)
-
Array
(tableaux de données)
-
Math
(fonctions mathématiques)
Chacun des objets possède ses propres méthodes.
Plus de détails sont fournis sur le support de
cours à télécharger de ce site.
Les événements déclanchent des fonctions
personnalisées (de votre création). Le plus
souvent c'est de placer ces fonction dans
l'entête du document, c'est à dire entre les
balises
<head>
et
</head>.
Exemple:
<html>
<head>
<script language="javascript">
function fo() {
alert("Test de la méthode Alert de l'objet
Window");
}
</script>
</head>
<body
onLoad="fo()">
</body>
</html>
Dans ce cas le chargement de la page est un
événement qui déclanche la fonction
fo().
Celle là va afficher une boite de dialogue qui
contient le message
"Test de la méthode Alert de l'objet Window".
Téléchargement du cours de JavaScript
 |
