Exemple
Obtenez la hauteur et la largeur de la fenêtre: (NOT including toolbars/scrollbars) à l' (NOT including toolbars/scrollbars) des (NOT including toolbars/scrollbars) d' (NOT including toolbars/scrollbars) de (NOT including toolbars/scrollbars) :
var w = window.innerWidth;
var h = window.innerHeight;
Essayez vous - même » Plus "Try it Yourself" - "Try it Yourself" exemples ci - dessous.
Définition et utilisation
La propriété innerWidth retourne la largeur intérieure de la zone de contenu d'une fenêtre.
La propriété innerHeight retourne la hauteur intérieure de la zone de contenu d'une fenêtre.
Ces propriétés sont en lecture seule.
Astuce: Utilisez les outerWidth et outerHeight propriétés pour obtenir la largeur / hauteur avec des barres d' outils / barres de défilement.
Support du navigateur
Les chiffres du tableau indiquent la première version du navigateur qui prend en charge entièrement la propriété.
| Propriété | |||||
|---|---|---|---|---|---|
| innerWidth | 1.0 | 9.0 | 1.0 | 3.0 | 9.0 |
| innerHeight | 1.0 | 9.0 | 1.0 | 3.0 | 9.0 |
Note: Pour IE8 et plus tôt, vous pouvez utiliser les clientWidth et clientHeight propriétés (See "More Examples" below) - (See "More Examples" below) .
Syntaxe
window.innerWidth
window.innerHeightDétails techniques
| Valeur de retour: | Un nombre, représentant la largeur intérieure et / ou la hauteur intérieure de la zone de contenu de la fenêtre du navigateur, en pixels |
|---|
autres exemples
Exemple
Une solution multi-navigateur (en utilisant clientWidth et clientHeight pour IE8 et précédentes):
var w = window.innerWidth
|| document.documentElement.clientWidth
||
document.body.clientWidth;
var h = window.innerHeight
||
document.documentElement.clientHeight
|| document.body.clientHeight; Essayez vous - même » Exemple
Une démonstration de innerWidth, innerHeight, outerWidth et outerHeight dans un 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>"; Essayez vous - même » <Object Window