最新的Web开发教程
 

窗口outerWidth和outerHeight属性

<窗口对象

获取窗口的高度和宽度: (including toolbars/scrollbars)

var w = window.outerWidth;
var h = window.outerHeight;
试一试»

更多"Try it Yourself"下面的例子。


定义和用法

所述outerWidth属性返回一个窗口的外部宽度,包括所有的界面元素(like toolbars/scrollbars)

所述outerHeight属性返回一个窗口的外部高度,包括所有的界面元素(like toolbars/scrollbars)

这些属性是只读的。

提示:使用innerWidth和innerHeight属性来获取没有工具栏/滚动条的宽度/高度。


浏览器支持

在表中的数字规定,完全支持该财产浏览器版本。

属性
outerWidth 1.0 9 1.0 3.0 9
outerHeight 1.0 9 1.0 3.0 9

句法

window.outerWidth
window.outerHeight

技术细节

返回值: 一个数字,表示外宽度和/或浏览器的窗口的外部高度,包括所有界面元素,以像素为单位

例子

更多示例

innerWidth,innerHeight,outerWidth和outerHeight的一个实例演示:

var txt = "";
txt += "<p>innerWidth: " + window.innerWidth + "</p>";
txt += "<p>innerHeight: " + window.innerHeight + "</p>";
txt += "<p>outerWidth: " + window.outerWidth + "</p>";
txt += "<p>outerHeight: " + window.outerHeight + "</p>";
试一试»

<窗口对象