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

JavaScript Objekt

JavaScript Referenzhandbuch

JS DOM Referenzhandbuch

Window innerHeight Eigenschaft

JavaScript Window-Objekt

innerHeightLesbare Eigenschaft, die die Höhe des Fenstersinhaltbereichs (viewport) einschließlich der Scrollleiste zurückgibt.

VerwendungouterHeightEigenschaft, die die gesamte Höhe des Browserfensters abruft.

Syntax:

window.innerHeight
var h = window.innerHeight;
var w = window.innerWidth;
Testen Sie heraus‹/›

Browser-Kompatibilität

Die in der Tabelle angegebenen Zahlen specifyieren die erste Browser-Version, die die Eigenschaft innerHeight vollständig unterstützt:

Eigenschaft
innerHeight11939

Technische Details

Rückgabewert: Eine Zahl, die die interne Höhe des Inhaltbereichs des Browsers in Pixeln angibt.

Mehr Beispiele

Verwenden Sie das onresize-Ereignis, um Höhe und Breite anzuzeigen:

<body onresize="myFunc()">
<script>
function myFunc() {
　　　var w = window.innerWidth;
　　　var h = window.innerHeight;
　　　document.getElementById("para").innerHTML = "Width: "　+　w　+　"<br>Height: "　+　h;
}
</script>
Testen Sie heraus‹/›

Cross-Browser-Lösung (für IE8und frühere Versionen verwenden clientWidth und clientHeight):

var h = window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;
var w = window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;
Testen Sie heraus‹/›

Dieser Beispiel zeigt innerWidth, innerHeight, outerWidth und outerHeight in einem Beispiel an:

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);
Testen Sie heraus‹/›

Zusammenhängende Referenzen

Fenster (Window) Referenz:window.innerWidth-Eigenschaft

Fenster (Window) Referenz:window.outerHeight-Eigenschaft

Fenster (Window) Referenz:window.outerWidth-Eigenschaft

JavaScript Window-Objekt

JS Storage-ObjektJavaScript Window-Objekt