Javascript - Objets du navigateur

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...

Trucs & astuces pertinents trouvés dans la base de connaissances

12/02 01h50	convertisseur d'unités de mesures scientifiques (Javascript)
19/11 00h08	Effacer un champ de formulaire lors du clic (focus) (Javascript)
18/11 00h43	JavaScript c'est la même chose que Java (Mythes et légendes)
11/11 01h39	Coloration syntaxique dans vos pages web (Webmaster)
04/11 16h32	Interdire le clic droit de la souris (Javascript)
08/11 10h32	Lien aléatoire / Choisir un lien au hasard (Javascript)
05/11 11h53	Date de dernière modification de la page (Javascript)
Plus d'astuces sur « Javascript »

Discussions pertinentes trouvées dans le forum

09/01 10h50	[javascript]	Webmastering	10/01 21h17->Ssylvainsab	7
02/04 16h09	[Javascript] Pb de script de MaJ auto	Windows	21/07 14h54->txiki	20
15/09 08h03	JavaScript	Windows	15/09 11h16->Erdnax	18
18/02 16h25	erreur code javascript	Windows	05/04 08h50->Erdnax	16
05/01 13h52	[php/javascript][Date] Comment obtenir l'âge	Développement	01/03 11h44->fenix51	15
14/10 14h55	Problème pour intégrer du javascript dans php	Webmastering	14/10 17h09->ratagaz	11
16/11 15h22	[Parser] : Javascript ou PHP ?	Développement	24/11 23h49->slooptoo	10
04/05 12h01	fonction PHP depuis fonction javascript	Webmastering	09/04 14h41->einstein212	9
13/05 16h48	[HTML - Javascript] Menu déroulants cascade	Webmastering	25/09 10h26->Gwen	9
03/10 11h39	[Faille sécurité] Firefox et Javascript	Virus/Sécurité	12/01 19h52->philo2100	9
Discussion fermée Problème résolu		Plus de discussions sur « Javascript »