English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Objet JavaScript

Guide de référence JavaScript

Guide de référence JS DOM

Propriété innerHeight de Window

Objet Window JavaScript

innerHeightPropriété en lecture seule qui retourne la hauteur de la zone de contenu de la fenêtre (viewport) contenant la barre de défilement.

UtilisationouterHeightPropriété pour obtenir la hauteur de tout le navigateur.

Syntaxe :

window.innerHeight
var　h　=　window.innerHeight;
var　w　=　window.innerWidth;
Voyons voir‹/›

Compatibilité des navigateurs

Les numéros dans le tableau indiquent la première version de navigateur qui prend en charge la propriété innerHeight :

Propriété
innerHeight11939

Détails techniques

Valeur de retour : Un nombre représentant la hauteur interne de la zone de contenu du navigateur en pixels.

Plus d'exemples

Affichage de la hauteur et de la largeur en utilisant l'événement onresize :

<body　onresize="myFunc()">
script>
function　myFunc()　{
　　　var　w　=　window.innerWidth;
　　　var　h　=　window.innerHeight;
　　　document.getElementById("para").innerHTML　=　"Largeur:　"　+　w　+　"<br>Hauteur:　"　+　h;
}
</script>
Voyons voir‹/›

Solution de compatibilité entre navigateurs (pour IE8et des versions antérieures utilisent clientWidth et clientHeight）：

var　h　=　window.innerHeight
||　document.documentElement.clientHeight
||　document.body.clientHeight;
var　w　=　window.innerWidth
||　document.documentElement.clientWidth
|| document.body.clientWidth;
Voyons voir‹/›

La présente exemple montre innerWidth, innerHeight, outerWidth et outerHeight dans un seul exemple :

var txt = "";
txt　+= "<p>innerWidth: "　+　window.innerWidth　+　"</p>";
txt　+= "<p>innerHeight: "　+　window.innerHeight　+　"</p>";
txt　+= "<p>outerWidth: "　+　window.outerWidth　+　"</p>";
txt　+= "<p>outerHeight: "　+　window.outerHeight　+　"</p>";
document.write(txt);
Voyons voir‹/›

Références associées

Référence fenêtre (Window) :Propriété window.innerWidth

Référence fenêtre (Window) :Propriété window.outerHeight

Référence fenêtre (Window) :Propriété window.outerWidth

Objet Window JavaScript

Objet Storage JSObjet Window JavaScript