Window innerWidth 属性

定义和用法

innerWidth 属性返回窗口内容区域的宽度。

innerWidth 属性是只读的。

另请参阅:

innerHeight 属性

outerWith 属性

outerHeight 属性

实例

例子 1

获取窗口宽度:

let width = window.innerWidth;

亲自试一试

let width = innerWidth;

亲自试一试

例子 2

所有高度和宽度属性:

let text =
"<p>innerWidth: " + window.innerWidth + "</p>" +
"<p>innerHeight: " + window.innerHeight + "</p>" +
"<p>outerWidth: " + window.outerWidth + "</p>" +
"<p>outerHeight: " + window.outerHeight + "</p>";

亲自试一试

语法

window.innerWidth

或者:

innerWidth

返回值

类型描述
数字浏览器窗口内容区域的内部宽度(以像素计)。

浏览器支持

所有浏览器都支持 window.innerWidth

ChromeIEEdgeFirefoxSafariOpera
ChromeIEEdgeFirefoxSafariOpera
支持9-11支持支持支持支持