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
section suivante