L’objet Window

L’objet window, comme le nom l’indique, s’agit d’un objet qui correspond à la fenêtre dans laquelle la page s’affiche. Il est sans doute l’objet le plus utilisé, d’ailleurs on en a déjà parler dans plusieurs cours. Nous savons très bien que pour afficher une page web, il faut d’abord une fenêtre, voila ce qui fait la popularité de l’objet window.

L’objet window représente le navigateur contenant l’objet document. Il contient toutes les propriétés et les méthodes permettant de gérer une fenêtre.

1. Les propriétés

• closed : elle est utilisée pour renvoyer une valeur booléenne indiquant si une fenêtre a été fermée ou non.
• defaultStatus : Elle sert à définir ou à retourner le texte par défaut dans la barre d'état de la fenêtre.
• document : elle est utilisée pour retourner l'objet Document pour la fenêtre
• frames : elle est utilisée pour retourner un tableau de tous les cadres dans la fenêtre courante.
• history : elle est utilisée pour retourner l’objet History pour la fenêtre.
• innerHeight : Elle sert à définir ou à retourner la hauteur intérieure de la zone de contenu d'une fenêtre.
• innerWidth : Elle sert à définir ou à retourner la largeur intérieure de la zone de contenu d'une fenêtre.
• length : elle est utilisée pour retourner le nombre des cadres dans une fenêtre.
• location : elle retourne l’objet location pour la fenêtre
• name : Elle sert à définir ou à retourner le nom de la fenêtre.
• navigator : elle retourne l’objet navigator pour la fenêtre.
• opener : elle permet l’ouverture de la fenêtre par la méthode open().
• outerHeight : Elle sert à définir ou à retourner la hauteur extérieure d'une fenêtre.
• outerWidth : Elle sert à définir ou à retourner la largeur extérieure d'une fenêtre.
• pageXOffset : elle retourne les pixels que le document a fait défiler horizontalement à partir du coin supérieur gauche de la fenêtre.
• pageYOffset: elle retourne les pixels que le document a fait défiler verticalement à partir du coin supérieur gauche de la fenêtre.
• parent : Elle retourne la fenêtre parent de la fenêtre courante.
• screen : Elle retourne l’objet screen pour la fenêtre.
• screenLeft : Elle renvoie la position horizontale (abscisse) de la fenêtre par rapport à l'écran.
• screenTop : elle renvoie la position verticale (ordonnée) de la fenêtre par rapport à l’écran
• screenX : elle renvoie la position horizontale (abscisse) de la fenêtre par rapport à
• screenY : elle renvoie la position verticale (ordonnée) de la fenêtre par rapport à l’écran
• self : elle renvoie la fenêtre courante.
• status : elle définit le texte de la barre d'état de la fenêtre.
• top : retourne la fenêtre du navigateur le plus élevé

2. Les méthodes

Les méthodes ne sont pas nouvelles pour nous car on les a déjà vues sur le cours intitulé les méthodes. Dans cette partie, on va vous lister un ensemble de méthodes utilisées avec l’objet window.

• alert(), write() sont déjà étudiées sur le cours intitulé les méthodes.
• blur() : supprime le focus à la fenêtre
• clearInterval() : supprime un délai qui était défini avec setInterval() .
• clearTimeout() : supprime un délai qui était défini avec setTimeout().
• close() : ferme la fenêtre courante
• confirm() : affiche une boîte de dialogue avec un message et un bouton OK pour confirmer et un bouton Annuler pour annuler.
• createPopup() : elle est utilisée pour créer une fenêtre popup.
• focus() : elle définit le focus à la fenêtre courante.
• moveBy() : elle déplace une fenêtre par rapport à sa position actuelle.
• moveTo() : elle positionne la fenêtre dans une position spécifiée.
• open() : ouvre une nouvelle fenêtre (popup).
• print() : il sert à imprimer le contenu de la fenêtre courante.
• prompt() : affiche une boîte de dialogue avec zone de saisie.
• resizeBy() : Agrandit ou réduit la taille d'une fenêtre
• resizeTo() : redimensionne la fenêtre à la largeur et la hauteur spécifiées.
• scrollBy() : défile le contenue
• scrollTo() : défile le contenue selon les coordonnées spécifiées.
• setInterval() : appelle une fonction ou évalue une expression à intervalle de temps spécifié.
• setTimeout() : appelle une fonction ou évalue une expression après un intervalle de temps spécifié
• stop () : arrête le chargement de la page

3. exemple :

Dans notre exemple, nous allons ouvrir une fenêtre qui se fermera automatiquement dans 6 secondes ou en cliquant un lien

code:
<html> <body onLoad='compt=setTimeout("self.close();",6000)'> <h3>Cette fenêtre se fermera dans 6 secondes.<br> Si vous êtes pressés cliquez ce bouton </h3> <form> <input type="button" value="fermer tout de suite" onClick="clearTimeout(compt);self.close();"> </form> </body> </html>

Une question? Cliquez ici pour la poser.

Retour sur le portail du JavaScript