open

Les interfaces de Javascript dans un navigateur

#1 Les interfaces entre le langage Javascript et son environnement open

Javascript c'est un langage, un langage de script traditionnel si j'ose dire. On a des instructions, des blocs d'instructions, des tests conditionnels, des boucles etc. Mais un langage tout seul ça ne sert à rien. Un langage évolue dans un environnement et le programmeur se sert de ce langage pour gérer cet environnement. Pour cela il doit pouvoir communiquer avec son environnement et c'est les interfaces qui vont lui donner cette possibilité.

Dans notre cas Javascript tourne à l'intérieur d'un navigateur et ce que l'on veut nous c'est gérer notre navigateur en se servant de Javascript.

Sur le schéma ci dessous chaque flèche désigne une interface. Vous voyez que depuis le langage le programmeur peut accéder au document bien sûr mais pas seulement. Il peut accéder à l'historique de navigation, avoir des informations sur les dimensions de l'écran, sur la fenêtre de navigation.

C'est important de remarquer que le programmeur va aussi recevoir des informations lorsque l'internaute produit des clics. Notamment des clics sur le document.

Interfaces entre le langage Javascript et son environnement
Interface entre Javascript et son environnement

#2 Comment fabrique t-on une interface entre Javascript et son environnement ? open

En Javascript pour fabriquer une interface on va se servir des objets.

Plus précisément on va construire une arborescence d'objets qui vont être le reflet de l'environnement de Javascript et bien sûr dans tout cela on va y trouver notre document.

Arborescence des objets Javascript
Arborescence des objets Javascript

Certaines instances d'objets seront toujours là. Ce sera le cas des enfants directs de l'objet window. Il n'y aura d'ailleurs qu'un seule instance de ces objets faîte par l'environnement Javascript. Par contre en ce qui concerne le document les instances d'objets se feront bien sûr en fonction du contenu du document HTML.

L'interface que nous utiliserons le plus c'est celle avec le document. On l'appelle le DOM (Document Object Model). C'est une interface qui est normalisée par le W3C (World Wide Web Consortium).