Cette page a été traduite à partir de l'anglais par la communauté.Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.
window.innerHeight
Baseline Widely available
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.
Récupère la hauteur (en pixels) de la partie visible de la fenêtre de navigation en incluant, si elle est affichée, la barre de défilement horizontale.
Note :La valeur retournée par cette propriété correspond le cas échéant à la hauteur de la fenêtre définie parnsIDOMWindowUtils.setCSSViewport(), dans le cas où vous utilisez cette méthode pour définir les dimensions de la fenêtre virtuelle dans le but d'agencer la page.
Dans cet article
Syntaxe
var hauteur = window.innerHeight;Valeur
Renvoie la hauteur de la partie visible de la fenêtre de navigation. La propriétéwindow.innerHeight est accessible en lecture seulement ; elle n'a pas de valeur par défaut.
Notes
- La propriété
window.innerHeightest supportée par tout objet assimilé à une fenêtrewindow, un cadreframe , un ensemble de cadresframeset, ou une fenêtre secondaire. - Il existe unalgorithme pour calculer la hauteur de la partie visible de la fenêtre en excluant la barre de défilement horizontale si est elle affichée.
Exemples
>Sur unframeset
var intFrameHeight = window.innerHeight; // ouvar intFrameHeight = self.innerHeight;// retournera la hauteur de la partie visible du cadre dans framesetvar intFramesetHeight = parent.innerHeight;// retournera la hauteur de la partie visible du frameset le plus prochevar intOuterFramesetHeight = top.innerHeight;// retournera la hauteur de la partie visible du frameset le plus éloigné- Pour modifier les dimensions d'une fenêtre, voir
window.resizeBy()etwindow.resizeTo(). - Pour récupérer la hauteur extérieure d'une fenêtre, c'est-à-dire la hauteur de la fenêtre du navigateur dans sa totalité, voir
window.outerHeight.
Exemple graphique
L'illustration suivante montre la différence entreouterHeight etinnerHeight.

Spécifications
| Specification |
|---|
| CSSOM View Module> # dom-window-innerheight> |