Window.innerHeight

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

概述

浏览器窗口的视口(viewport)高度(以像素为单位);如果有水平滚动条,也包括滚动条高度。

intViewportHeight 为浏览器窗口的视口的高度。

window.innerHeight 属性为只读,且没有默认值。

备注

任何窗口对象,如 window、frame、frameset 或 secondary window 都支持 innerHeight 属性。

有一个算法用来获取不包括水平滚动条的视口高度。

例子

假设有一个 frameset

js
var intFrameHeight = window.innerHeight; // or

var intFrameHeight = self.innerHeight;
// 返回 frameset 里面的 frame 视口的高度

var intFramesetHeight = parent.innerHeight;
// 返回上一级 frameset 的视口的高度

var intOuterFramesetHeight = top.innerHeight;
// 返回最外部 frameset 的视口的高度

改变一个窗口的大小,可以查看 window.resizeBy()window.resizeTo()

想获取窗口的外层高度(outer height),即整个浏览器窗口的高度,请查看 window.outerHeight

图像示例

下面的示意图展示了 outerHeightinnerHeight 两者的区别。

innerHeight vs outerHeight illustration

浏览器兼容性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
innerHeight

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
See implementation notes.

标准相关信息

DOM Level 0。不属于任何 W3C 技术规范或推荐。

相关链接