Window 对象视图属性

这些属性可以 hold 住整个浏览器窗体大小。微软则将这些 API 称为 Screenview 接口。

浏览器宽高

window.outerWidth 和 window.outerHeight 表示整个浏览器的宽高（以像素为单位），包括侧边栏（如果存在）、窗口镶边（Window Chrome）和窗口调正边框，包含调试窗及浏览器边框。

使用如下示例代码：

window.outerHeight;
window.outerHeight;

outterWidth 和 outterHeight 属性为只读属性，没有默认值。

浏览器网页视口宽高

window.innerWidth 和 window.innerHeight 表示浏览器网页视口的宽高，如果存在垂直/水平滚动条，则包括它，不包括调试窗及浏览器边框。

使用如下示例代码：

window.innerWidth;
window.innerHeight;

innerWidth 和 innerHeight 属性为只读属性，没有默认值。

浏览器距屏幕边距

window.screenLeft 和 window.screenTop 分别表示浏览器网页视口的左上角的 X / Y 坐标，该属性为只读属性。（注：在 Firefox 等浏览器中使用的是 screenX 和 screenY 属性）

使用如下示例代码：

window.screenLeft;
window.screenTop;

浏览器网页视口滚动偏移

window.pageXOffset 和 window.pageYOffset 表示当前页面相对于网页视口显示区左上角的 X / Y 坐标。

使用如下示例代码：

window.pageXOffset;
window.pageYOffset;

总结