Propriétés et événements de l'objet Window dans les compétences JavaScript_javascript

Objet fenêtre

L'objet Window représente une fenêtre ouverte dans le navigateur.

Si le document contient des cadres (balises frame ou iframe), le navigateur crée un objet fenêtre pour le document HTML et un objet fenêtre supplémentaire pour chaque cadre.

Remarque : Il n'existe pas de norme publique pour l'objet window, mais il est pris en charge par tous les navigateurs.

Propriétés des objets Windows

Propriétés	Description
fermé	Renvoie si la fenêtre a été fermée.
Statut par défaut	Définissez ou renvoyez le texte par défaut dans la barre d'état de la fenêtre.
document	Une référence en lecture seule à l'objet Document. Voir Objet Document .
histoire	Référence en lecture seule à l'objet History. Veuillez paramétrer Objet historique .
hauteur intérieure	Renvoie la hauteur de la zone d'affichage du document de la fenêtre.
largeur intérieure	Renvoie la largeur de la zone d'affichage du document de la fenêtre.
longueur	Définissez ou renvoyez le nombre d'images dans la fenêtre.
localisation	Un objet Location pour une fenêtre ou un cadre. Voir Objet de localisation .
nom	Définit ou renvoie le nom de la fenêtre.
Navigateur	Une référence en lecture seule à l'objet Navigator. Veuillez paramétrer Objet Navigateur .
ouvreur	Renvoie une référence à la fenêtre qui a créé cette fenêtre.
hauteur extérieure	Renvoie la hauteur extérieure de la fenêtre.
largeur extérieure	Renvoie la largeur extérieure de la fenêtre.
pageXOffset	Définissez ou renvoyez la position X de la page actuelle par rapport au coin supérieur gauche de la zone d'affichage de la fenêtre.
pageYOffset	Définissez ou renvoyez la position Y de la page actuelle par rapport au coin supérieur gauche de la zone d'affichage de la fenêtre.
parent	Retournez à la fenêtre parent.
Écran	Référence en lecture seule à l'objet Screen. Veuillez paramétrer Objet écran .
soi	Renvoie une référence à la fenêtre actuelle. Équivalent à la propriété Window.
statut	Définissez le texte de la barre d'état de la fenêtre.
haut	Retournez à la fenêtre des ancêtres de niveau supérieur.
fenêtre	L'attribut window est équivalent à l'attribut self, qui contient une référence à la fenêtre elle-même.
écranGauche écranHaut écranX écranY	Lire uniquement les entiers. Déclare la coordonnée x et la coordonnée y du coin supérieur gauche de la fenêtre à l'écran. IE, Safari et Opera prennent en charge screenLeft et screenTop, tandis que Firefox et Safari prennent en charge screenX et screenY.

méthodes des objets Windows

Méthode	Description
alerte()	Affiche une boîte d'alerte avec un message et un bouton de confirmation.
flou()	Supprimez le focus clavier de la fenêtre de niveau supérieur.
clearInterval()	Annulez le délai d'attente défini par setInterval().
clearTimeout()	Annulez le délai d'attente défini par la méthode setTimeout().
fermer()	Fermez la fenêtre du navigateur.
confirmer()	Affiche une boîte de dialogue avec un message et des boutons de confirmation et d'annulation.
createPopup()	Créez une fenêtre pop-up.
focus()	Donner le focus clavier à une fenêtre.
moveBy()	Déplace la fenêtre des pixels spécifiés par rapport à ses coordonnées actuelles.
moveTo()	Déplacez le coin supérieur gauche de la fenêtre vers une coordonnée spécifiée.
ouvrir()	Ouvrez une nouvelle fenêtre de navigateur ou recherchez une fenêtre nommée.
imprimer()	Imprimez le contenu de la fenêtre actuelle.
invite()	Afficher une boîte de dialogue qui invite l'utilisateur à effectuer une saisie.
resizeBy()	Redimensionnez la fenêtre en fonction des pixels spécifiés.
resizeTo()	Redimensionnez la fenêtre à la largeur et à la hauteur spécifiées.
scrollBy()	Faites défiler le contenu en fonction de la valeur de pixel spécifiée.
faire défiler vers()	Faites défiler le contenu jusqu'aux coordonnées spécifiées.
setInterval()	Appelez une fonction ou évaluez une expression à une période spécifiée (en millisecondes).
setTimeout()	Appelle une fonction ou une expression calculée après un nombre spécifié de millisecondes.

Différents environnements d'exécution ont différents "objets de niveau supérieur", et dans l'environnement du navigateur, l'objet de niveau supérieur est l'objet fenêtre. window fait référence à la fenêtre actuelle du navigateur.

Exemple : var a = 1

fenêtre.a; //1

1. Propriétés de l'objet fenêtre.

(1) attribut window.name

window.name est utilisé pour définir le nom de la fenêtre actuelle du navigateur. La particularité est que cet attribut reste inchangé après l'actualisation du navigateur.

(2) propriété window.innerHeight, propriété window.innerWidth

Ces deux propriétés renvoient la hauteur et la largeur de la fenêtre du navigateur occupée par la mise en page CSS de la page Web. Les valeurs de ces deux propriétés incluent la hauteur et la largeur de la barre de défilement du navigateur.

(3) propriété window.pageXoffset et propriété window.pageYoffset.

window.pageXoffset renvoie la distance de défilement horizontal de la page. window.pageYoffset renvoie la distance de défilement vertical de la page.

(4) élément iframe

window.iframe renvoie un objet de type tableau.

(5) objet d'écran

Affiche les informations sur l'appareil.

// Afficher la hauteur de l'appareil en pixels
écran.hauteur
// 1920
// Affiche la largeur de l'appareil, en pixels
écran.width
// 1080

2. Événements de l'objet fenêtre.

(1) événement d'erreur.

L'événement oonerror est un moyen standard à l'ancienne de détecter les erreurs Javascript dans les pages Web.

(2) alert(), prompt(), confirm()

sont toutes les méthodes utilisées par les navigateurs pour interagir avec les utilisateurs. Ils feront apparaître différentes boîtes de dialogue.

Exemple : alert("Hello World");

alert(); La boîte de dialogue contextuelle ne comporte qu'un seul bouton "OK", qui est souvent utilisé pour informer l'utilisateur de certaines informations.

Exemple : var result = prompt('Quel est votre âge ?', 25)

prompt(); La boîte de dialogue contextuelle comporte une zone de saisie qui demande à l'utilisateur de saisir des informations et comporte deux boutons : "OK" et "Annuler". Cette méthode est souvent utilisée pour obtenir les données saisies par l'utilisateur.

Exemple : var result = confirm("Comment vas-tu ?");

confirm(); La méthode de confirmation renvoie une valeur booléenne si l'utilisateur clique sur "OK", elle renvoie vrai ; si l'utilisateur clique sur "Annuler", elle renvoie faux.