Fenêtre JavaScript - Modèle objet du navigateur

Fenêtre JavaScript - Modèle objet du navigateur

Le modèle objet du navigateur (BOM) donne à JavaScript la possibilité de « parler » au navigateur.

Modèle objet du navigateur (BOM)

Il n'existe pas de norme formelle pour le modèle objet du navigateur (BOM).

Les méthodes et propriétés sont souvent considérées comme des nomenclatures puisque les navigateurs modernes ont implémenté (presque) les mêmes méthodes et propriétés pour l'interactivité JavaScript.

Objet Fenêtre

Tous les navigateurs prennent en charge l'objet fenêtre. Il représente la fenêtre du navigateur.

Tous les objets globaux, fonctions et variables JavaScript deviennent automatiquement membres de l'objet fenêtre.

Les variables globales sont des propriétés de l'objet window.

Les fonctions globales sont des méthodes de l'objet window.

Même le document HTML DOM est l'une des propriétés de l'objet window :

window.document.getElementById("header");

Identique à ceci :

document.getElementById("header");

Taille de la fenêtre

Il existe trois méthodes pour déterminer la taille de la fenêtre du navigateur (la fenêtre d'affichage du navigateur, à l'exclusion des barres d'outils et des barres de défilement ) .

Pour Internet Explorer, Chrome, Firefox, Opera et Safari :

window.innerHeight - La hauteur intérieure de la fenêtre du navigateur window.innerWidth - La largeur intérieure de la fenêtre du navigateur

Pour Internet Explorer 8, 7, 6, 5 :

document.documentElement.clientHeightdocument.documentElement.clientWidth

ou

document.body.clientHeightdocument.body.clientWidth

Autres méthodes Window

Quelques autres méthodes :

window.open() - Ouvrir une nouvelle fenêtre window.close () - Ferme la fenêtre actuelle window.moveTo() - Déplace la fenêtre actuelle window.resizeTo() - Ajuste la taille de la fenêtre actuelle