Window outerWidth 和 outerHeight 属性

最后更新于:2022-03-26 22:11:13

Window outerWidthouterHeight 属性

Window outerWidth 和 outerHeight 属性 Window 对象


定义和用法

outerHeight 属性设置或返回一个窗口的外部高度,包括所有界面元素(如工具栏/滚动条)。

outerWidth 属性设置或返回窗口的外部宽度,包括所有的界面元素(如工具栏/滚动)。

outerWidth 和 outerHeight 是只读属性。

注意: 使用
innerWidth 和 innerHeight
属性获取去除工具条与滚动条的窗口高度与宽度。

语法

获取窗口的宽度与高度:

window.outerWidth
window.outerHeight

设置窗口的宽度与高度:

window.outerWidth=pixels
window.outerHeight=pixels


浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

属性
outerWidth 1.0 9.0 1.0 3.0 9.0
outerHeight 1.0 9.0 1.0 3.0 9.0

实例

实例

获取窗口的高度与宽度(包括工具栏/滚动):

var w=window.outerWidth;
var h=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>";

尝试一下 »


Window outerWidth 和 outerHeight 属性 Window 对象