Window.innerHeight

在此页

句法
用法注意事项
范例
规范
浏览器兼容性
另请参阅
相关话题

只读 innerHeight 特性为 Window interface returns the interior height of the window in pixels, including the height of the horizontal scroll bar, if present.

值 innerHeight is taken from the height of the window's layout viewport . The width can be obtained using the innerWidth 特性。

句法

let intViewportHeight = window.innerHeight;

值

An integer value indicating the window's layout viewport height in pixels. The property is read only and has no default value.

To change the width of the window, call one of its resize methods, such as resizeTo() or resizeBy() .

用法注意事项

To obtain the height of the window minus its horizontal scroll bar and any borders, use the root <html> 元素的 clientHeight() 特性代替。

Both innerHeight and innerWidth are available on any window or any object that behaves like a window, such as a tab or frame.

范例

Assuming a frameset

var intFrameHeight = window.innerHeight; // or
var intFrameHeight = self.innerHeight;
// will return the height of the frame viewport within the frameset
var intFramesetHeight = parent.innerHeight;
// will return the height of the viewport of the closest frameset
var intOuterFramesetHeight = top.innerHeight;
// will return the height of the viewport of the outermost frameset

FIXME: link to an interactive demo here

To change the size of a window, see window.resizeBy() and window.resizeTo() .

To get the outer height of a window, i.e. the height of the whole browser window, see window.outerHeight .

Graphical example

The following figure shows the difference between outerHeight and innerHeight .

innerHeight vs outerHeight illustration

规范

规范	状态	注释
CSSOM (CSS 对象模型) 视图模块 The definition of 'window.innerHeight' in that specification.	工作草案	初始定义

浏览器兼容性

The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request. 更新 GitHub 上的兼容性数据

	桌面						移动
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
`innerHeight`	Chrome 1	Edge 12	Firefox 1 1 不支持 4 — 24 This property was buggy and could give a wrong value before page load in certain circumstances, see bug 641188 .	IE 9	Opera 9	Safari 3	WebView Android 1	Chrome Android 18	Firefox Android 4 4 不支持 4 — 24 This property was buggy and could give a wrong value before page load in certain circumstances, see bug 641188 .	Opera Android 10.1	Safari iOS 1	Samsung Internet Android 1.0

在此页

句法

值

用法注意事项

范例

Assuming a frameset

Graphical example

规范

浏览器兼容性

图例

另请参阅

元数据

相关话题