
|
|
|
JavaScript - Un langage orienté objet
|
Autre langage disponible pour cet article :
Rubrique : JavaScript
lundi 25 mars 2002 18:40
|
Voir les commentaires pour JavaScript - Un langage orienté objet
|
JavaScript est directement issu de Java. Java est réputé pour être le langage orientée objet
par excellence (peut-être pas autant que peut l'être un langage tel que Eiffel). Par conséquence,
JavaScript est aussi un langage orienté objet.
Mais un objet, c'est quoi ?
On ne va pas faire un cours sur la programmation orientée objet, car le sujet est trop vaste. Nous
allons juste resumer.
Dans la programmation dite classique, les données (le plus souvent des variables, c'est à dire du texte,
des nombres...) sont passées à des fonctions, des procédures, qui se chargent de les traiter.
En programmation orientée objet, les données possédent elle même des fonctions (on les appelle
des méthodes)!
Bien entendu, il est toujours possible de faire de la programmation classique, c'est à dire en passant
simplement des variables à des fonctions.
Cela étant dit, vous serez obligatoirement confronté aux objets.
Voici un document HTML très simple. Tellement simple qu'il n'y a rien dedans :
<HTML>
<HEAD>
<TITLE>Un document vide</TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
Pour accéder à ce document et pourquoi pas, modifier son apparence, JavaScript peut utiliser deux
objets, imbriqués les uns dans les autres comme suit :
window (la fenêtre)
document (le document :-)
Prenons pour commencer l'objet window. C'est l'objet le plus à l'exterieur d'une page Web.
C'est en quelques sortes la coquille.
Comme tout objet, il possede plusieurs méthodes, propriétés et objets (et oui, un objet peut lui
même posséder des objets).
La plus connue est sans doute la méthode alert(), souvent utilisée par les débutants :
vous l'avez reconnue ? alert() affiche une boite de dialogue (une fenêtre avec une
icone jaune) avec un texte pouvant être configurable.
Pour acceder au proprietés d'un objet, on écrit simplement le nom de cet objet, suvit d'un point (.),
puis le nom de cette propriété.
Pour utiliser la méthode alert(), nous écrirons donc :
<SCRIPT language=JavaScript>
window.alert("Hello! J'apprends le JavaScript!");
</SCRIPT>
Cliquez ici pour voir cette boite de dialoque
Une méthode peut avoir des arguments (ou des parametres, c'est comme vous voulez). Ici, l'agument
en question est la chaine de caractères (on appelle ça comme ça) "Hello! J'apprends le JavaScript!".
La méthode alert() va se charger de l'afficher dans la boite de dialoque.
Attention! JavaScript est un langage dit "case sensitive", c'est à dire qu'il fait une différence suivant
que les instructions soit écrites en caractères minuscules ou majuscules.
Ainsi, écrire ALERT() à la place de alert() provoque une erreur.
L'objet window se trouvant au sommet de la hierarchie, il peut dans la plus part
des cas être implicite. C'est à dire que l'on peut invoquer ses méthodes sans pour autant avoir
à écrire window. devant.
Ainsi :
<SCRIPT language=JavaScript>
alert("Hello! J'apprends le JavaScript!");
</SCRIPT>
Passons maintenant à l'objet document. On l'a vu, cet objet appartient à l'objet window
(on dit alors que window est le parent de document et que document
est l'enfant de window).
On accéde donc à lui ainsi :
window.document
ou bien :
document
vu que window peut être implicite.
Une des méthodes les plus utilisées de l'objet document est sans-doutes la méthode
write().
write() permet d'écrire du texte dans le document.
Lorsque l'on dit écrire, il ne s'agit pas d'écrire dans le fichier du document (index.html par
exemple), mais dans la fenêtre du navigateur.
Ainsi, on peut écrire :
<HTML>
<HEAD>
<TITLE>Mon Xème Script</TITLE>
</HEAD>
<BODY>
<SCRIPT language=JavaScript>
document.write("<H2 align=center>Ceci est un titre écrit grace à un Script</H2>");
</SCRIPT>
</BODY>
</HTML>
Vous l'aurez compris, ce Script permet d'écrire un titre de niveau 2 (<H2>)
dans le document.
|
Voir les commentaires pour JavaScript - Un langage orienté objet
|
|
|
|