Présentation des objets du navigateur

Lorsque vous ouvrez une page Web, le navigateur crée des objets prédéfinis correspondant à la page Web, à l'état du navigateur, et peuvent donner beaucoup d'informations qui vous seront utiles.

Les objets de base du navigateur sont les suivants:

• navigator : qui contient des informations sur le navigateur de celui qui visite la page
• window : c'est l'objet où s'affiche la page, il contient donc des propriétés concernant la fenêtre elle-même mais aussi tous les objets-enfants contenus dans celle-ci
• location : contient des informations relatives à l'adresse de la page à l'écran
• history: c'est l'historique, c'est-à-dire la liste de liens qui ont été visités précédemment
• document : il contient les propriétés sur le contenu du document (couleur d'arrière plan, titre, ...)

Ces objets sont largement dépendant du contenu de la page. En effet, mis à part des objets tels que navigator qui sont figés pour un utilisateur donné, le contenu des autres objets variera suivant le contenu de la page, car suivant la page les objets présents dans celles-ci (sous-objets des objets décrits précédemment) sont différents. voyons voir comment ceux-ci sont organisés

Les objets du navigateur sont classés hiérarchiquement

Les objets du navigateur sont classés dans une hiérarchie qui décrit la page affichée à l'écran, et qui permet d'accéder à n'importe quel objet grâce à une désignation dépendant de la hiérarchie (on part du sommet puis on descend l'arborescence).

Dans cette hiérarchie, les descendants d'un objet sont des propriétés de ces objets mais peuvent aussi être des objets qui contiennent eux même des propriétés...
Voyons voir à quoi ressemble cette hérarchie:

Niveau1	Niveau2	Niveau3	Commentaire
navigator			Informations sur le browser utilisé
window			Gestion de la fenêtre d'affichage
	parent, frames, self, top		Désignation de la sous-fenêtre
	location		Informations sur l'emplacement de la page
	history		Accès à l'historique (sites précédemment visités)
	document		Informations sur le contenu de la fenêtre (éléments qui composent la page)
		images	Référence des images présentes dans la page
		forms	Référence des formulaires présents dans la page
		links	Référence des liens présents dans la page
		anchors	Référence des ancrages présents dans la page

Comment accéder à un objet?

Pour accéder à un objet du navigateur, il faut parcourir la hiérarchie du navigateur, en partant du sommet (l'objet window), puis en parcourant tous les maillons jusqu'à atteindre l'objet désiré. La syntaxe est window.objet1.objet2.objet3.objet_vise (ici il y a trois objets intermédiaire objet1 objet2 objet3 mais ce nombre peut varier de 0 à un très grand nombre d'objets, suivant l'imbrication de vos objets dans la page...).

Pour lire ou modifier le contenu d'une propriété de l'objet visé il suffit de rajouter un point, puis le nom de la propriété. Certaines propriétés sont modifiables, c'est-à-dire que dynamiquement il est possible modifier un élément (du texte, une image, ...). Certaines propriétés sont par contre en lecture seule, c'est-à-dire qu'elles permettent uniquement de récupérer des informations mais qu'il est impossible de les modifier...

Ce document issu de CommentCaMarche.net est soumis à la licence GNU FDL. Vous pouvez copier, modifier des copies de cette page tant que cette note apparaît clairement.