Beispiel
Holen Sie sich das Fenster in der Höhe und Breite: (including toolbars/scrollbars) :
var w = window.outerWidth;
var h = window.outerHeight; Versuch es selber " Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.
Definition und Verwendung
Die outer Eigenschaft gibt die äußere Breite eines Fensters, einschließlich aller Schnittstellenelemente (like toolbars/scrollbars) .
Die outerHeight Eigenschaft gibt die äußere Höhe eines Fensters, einschließlich aller Schnittstellenelemente (like toolbars/scrollbars) .
Diese Eigenschaften sind schreibgeschützt.
Tipp: Verwenden Sie die innerwidth und innerheight Eigenschaften , die Breite / Höhe ohne Symbolleisten / Scrollbalken zu erhalten.
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Eigenschaft vollständig unterstützt.
| Eigentum | |||||
|---|---|---|---|---|---|
| outerWidth | 1.0 | 9.0 | 1.0 | 3.0 | 9.0 |
| outerHeight | 1.0 | 9.0 | 1.0 | 3.0 | 9.0 |
Syntax
window.outerWidth
window.outerHeightTechnische Details
| Rückgabewert: | Eine Zahl ist, die die Außenbreite und / oder die äußere Höhe des Fensters des Browsers, einschließlich aller Oberflächenelemente in Pixeln |
|---|
Mehr Beispiele
Beispiel
Eine Demonstration von innerwidth, innerheight, outer und outerHeight in einem Beispiel:
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>"; Versuch es selber " <Fensterobjekt