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 支持 支持 支持 支持