Beispiel
Holen Sie sich das Fenster in der Höhe und Breite: (NOT including toolbars/scrollbars) :
var w = window.innerWidth;
var h = window.innerHeight;
Versuch es selber " Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.
Definition und Verwendung
Die innerwidth-Eigenschaft gibt die innere Breite eines Inhaltsbereich des Fensters.
Die innerheight Eigenschaft gibt die innere Höhe eines Inhaltsbereich des Fensters.
Diese Eigenschaften sind schreibgeschützt.
Tipp: Verwenden Sie die outen und outerHeight Eigenschaften , die Breite / Höhe mit Symbolleiste / Scrollbalken zu bekommen.
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Eigenschaft vollständig unterstützt.
| Eigentum | |||||
|---|---|---|---|---|---|
| innerWidth | 1.0 | 9.0 | 1.0 | 3.0 | 9.0 |
| innerHeight | 1.0 | 9.0 | 1.0 | 3.0 | 9.0 |
Note: Für IE8 und früher Sie können client und client Eigenschaften (See "More Examples" below) weiter (See "More Examples" below) .
Syntax
window.innerWidth
window.innerHeightTechnische Details
| Rückgabewert: | Eine Zahl ist, die die innere Breite und / oder die Innenhöhe des Inhaltsbereich des Browserfensters in Pixeln |
|---|
Mehr Beispiele
Beispiel
Eine Browser-Lösung (unter Verwendung von client und client für IE8 und früher):
var w = window.innerWidth
|| document.documentElement.clientWidth
||
document.body.clientWidth;
var h = window.innerHeight
||
document.documentElement.clientHeight
|| document.body.clientHeight; Versuch es selber " 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