Window.innerWidth

概要

浏览器视口(viewport)宽度(单位:像素),如果存在垂直滚动条则包括它。

Note: If you use nsIDOMWindowUtils.setCSSViewport() to set the virtual window size for page layout purposes, the value returned by this property corresponds to the viewport width set using that method.

语法

var intViewportWidth = window.innerWidth;

intViewportWidth 保存了 window.innerWidth 属性的值.

window.innerWidth 是只读属性,无默认值。

备注

innerWidth 属性被任一 window 对象支持,如 window、frame、frameset 或 secondary window。

有一个算法用来获取不包括垂直滚动条的视口的宽度。

例子

// 返回视口的宽度
var intFrameWidth = window.innerWidth;

// 返回frameset的视口宽度
var intFrameWidth = self.innerWidth;

// 返回上一级frameset的视口宽度
var intFramesetWidth = parent.innerWidth;

// 返回最外面的frameset的视口宽度
var intOuterFramesetWidth = top.innerWidth;

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

标准方面信息

DOM Level 0。不是 W3C 技术规范或推荐规范的一部分。

浏览器兼容性

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support 1 1.0 (1.7 or earlier) 9 9 3
Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support 1 1.0 (1.0) 9 9 3

Gecko 备注

从 Firefox 4 到 Firefox 24,该属性有 bug,某种情况下,在页面加载前会给出一个错误的值。查看 bug 641188

相关链接

文档标签和贡献者

 此页面的贡献者: AlexChao, teoli, Darrel.Hsu
 最后编辑者: AlexChao,