Les objets du navigateur


Comme nous l'avons vu dans la présentation succinte de javascript, le langage met à notre disposition des objets intégrés accompagnés de leurs méthodes et de leurs propriétés.
Un des grands avantages de javascript est la collection d'objets liés au navigateur qui est mis à notre dispostion. la standardisation tend à se concrétiser avec le DOM (Document Objetc Model qui définit les objets disponibles, leurs propriétés, leurs événements ainsi que leurs méthodes
Ainsi, chaque élément de la page (le document, les formulaires, les paragraphes, les images ...) sont des objets ayant un parent (l'objet placé au dessus de lui dans la hiérarchie). Chacun de ces objets à des propriétés qui pourront être modifiées dynamiquement et à chacun de ces objets sont associées des méthodes qui permettent leur manipulation.
En haut de la hiérarche se trouve l'objet window qui n'a donc pas de parent. La notion de parent est très importante car on l'utilise pour accéder à un objet.

ex : document.form[0] fait référence au premier formulaire trouvé dans la page.



L'objet navigator ne fait pas partie de la hiérarchie des objets parent de window. C'est une propriété de window. Il est fort utile car il donne des indications sur le navigateur utilisé par l'internaute. Une simple boucle permet d'avoir accès à toutes les caractèristiques du navigateur utilisé.

<script>
for (i in navigator){
document.write( i + " : " + navigator[i] + "<br>;");
}
</script>

Les valeurs de votre navigateur sont stockées dans le tableau navigator[]   Quel est votre navigateur ?

L'historique du navigateur

L'objet history est une propriété de l'objet window Il contient l'URL des pages qui ont été consultées avant et après la page courante
history comprend 3 méthodes :
back() passage à l'URL précédente dans l'historique du navigateur
forward() passage à l'URL suivante dans l'historique du navigateur
go () avance ou recule du nombre de page(s) indiquée(s) en paramètre

ex: <a href="javascript:window.history.go(-1)"> reculer d'une page </a>>

L'objet location

Il contient l'url du document en cours ainsi que le port utilisé (port) le protocole (protocol), le chemin (path)
Toutes les propriétés peuvent être modifiées
ex: window.location="http://www.google.com" pointe le navigateur sur le site du moteur derecherche bien connu

L'objet location dispose de deux methodes :
location.reload(); qui recharge le document courant. Identique au bouton d'actualisation du navigateur.

location.replace ; qui remplace le document courant. Le document est bel est bien remplacé par le nouveau aussi il ne sera pas possible de revenir à la page précédente avec le bouton page précedente ou avec l'objet history.

L'objet window
L'objet window représente le navigateur dans lequel le document est chargé. Cet objet fonctionne dans un contexte global, il n'est pas nécessaire de le cité pour utiliser ses proipriétes ou ses méthodes
alert("bonjour"); est suffisant : window.alert("bonjour") n'étant pas strictement nécessaire

l'objet window comprend évidemment des propriétés, des méthodes
nous en avons déjà vu quelques unes avec les boites de dialogues (prompt,confirm,alert)

parmi les nombreuses propriétés dewindow en voici quelques unes

windows.status permet de modifier de texte de la barre d'état
window.close() qui permet la fermeture de la fenêtre en cours
window.open() qui permet l'ouverture d'une fenêtre. passer l'url en paramètre
window.print() imprime le contenu du document
window.createPopup()
création d'une fenêtre popup. ce popup reste cachée mais peut être affichée ou cachée par les méthodes show() et hide()


L'objet document et l'objet form qui sont les principaux objets manipulables par des scripts sont développés dans le chapitre sur la gestion dynamique des pages web via le DOM

document object model ou DOM.
sommaire javascript retourner au début du tutorial

© Emmanuel Besnard, octobre 2004