Le modèle Explorateur d'objets (BOM) permet JavaScript afin de "parler" du navigateur.
Le modèle Explorateur d'objets (BOM)
Il n'y a pas de normes officielles pour le modèle Explorateur d'objets (BOM).
Depuis les navigateurs modernes ont mis en œuvre (presque) les mêmes méthodes et propriétés pour JavaScript interactivité, il est souvent appelé, comme les méthodes et les propriétés de la nomenclature.
La Window Object
La window objet est pris en charge par tous les navigateurs. Elle représente la fenêtre du navigateur.
Tous les objets globaux JavaScript, les fonctions et les variables deviennent automatiquement membres de l'objet window.
Les variables globales sont des propriétés de l'objet de la fenêtre.
Les fonctions globales sont des méthodes de l'objet window.
Même l'objet de document (du DOM HTML) est une propriété de l'objet de la fenêtre:
window.document.getElementById("header");
est le même que:
document.getElementById("header");
Taille de la fenêtre
Deux propriétés peuvent être utilisées pour déterminer la taille de la fenêtre du navigateur.
Les deux propriétés renvoient les tailles en pixels:
- window.innerHeight - la hauteur intérieure de la fenêtre du navigateur (en pixels)
- window.innerWidth - la largeur intérieure de la fenêtre du navigateur (en pixels)
La fenêtre du navigateur (la fenêtre du navigateur) est non compris les barres d'outils et les barres de défilement.
Pour Internet Explorer 8, 7, 6, 5:
- document.documentElement.clientHeight
- document.documentElement.clientWidth
- or
- document.body.clientHeight
- document.body.clientWidth
Une solution pratique JavaScript (couvrant tous les navigateurs):
Exemple
var w = window.innerWidth
|| document.documentElement.clientWidth
||
document.body.clientWidth;
var h = window.innerHeight
||
document.documentElement.clientHeight
|| document.body.clientHeight; Essayez - le vous - même » L'exemple affiche la hauteur de la fenêtre du navigateur et la largeur: (non compris les barres d'outils / scrollbars)
Autres Window Méthodes
D'autres méthodes:
- window.open() - ouvrir une nouvelle fenêtre
- window.close() - fermer la fenêtre en cours
- window.moveTo() -Déplacez la fenêtre en cours
- window.resizeTo() -resize la fenêtre en cours