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：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
支持 9-11 支持 支持 支持 支持