这些属性可以 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;
属性 | 说明 |
---|---|
window.outerWidth | 浏览器网页视口外层宽度 |
window.outerHeight | 浏览器网页视口外层高度 |
window.innerWidth | 浏览器网页视口内层宽度 |
window.innerHeight | 浏览器网页视口内层高度 |
window.screenTop | 浏览器距屏幕上边距 |
window.screenLeft | 浏览器距屏幕左边距 |
window.pageXOffset | 当前页面距网页视口显示区上边距 |
window.pageYOffset | 当前页面距网页视口显示区左边距 |