Exemple
Obtenez la hauteur et la largeur de la fenêtre: (including toolbars/scrollbars) les (including toolbars/scrollbars) d' (including toolbars/scrollbars) de (including toolbars/scrollbars) :
var w = window.outerWidth;
var h = window.outerHeight; Essayez vous - même » Plus "Try it Yourself" - "Try it Yourself" exemples ci - dessous.
Définition et utilisation
La propriété outerWidth retourne la largeur extérieure d'une fenêtre, y compris tous les éléments de l' interface (like toolbars/scrollbars) les (like toolbars/scrollbars) d' (like toolbars/scrollbars) de (like toolbars/scrollbars) .
La propriété outerHeight retourne la hauteur extérieure d'une fenêtre, y compris tous les éléments de l' interface (like toolbars/scrollbars) les (like toolbars/scrollbars) d' (like toolbars/scrollbars) de (like toolbars/scrollbars) .
Ces propriétés sont en lecture seule.
Astuce: Utilisez les innerWidth et innerHeight propriétés pour obtenir la largeur / hauteur sans 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é | |||||
|---|---|---|---|---|---|
| outerWidth | 1.0 | 9.0 | 1.0 | 3.0 | 9.0 |
| outerHeight | 1.0 | 9.0 | 1.0 | 3.0 | 9.0 |
Syntaxe
window.outerWidth
window.outerHeightDétails techniques
| Valeur de retour: | Un nombre, représentant la largeur extérieure et / ou la hauteur extérieure de la fenêtre du navigateur, y compris tous les éléments de l'interface, en pixels |
|---|
autres exemples
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