概要
浏览器视口(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.resizeBy
和window.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。