Window outerWidth 和 outerHeight 属性

Window 对象

定义和用法

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

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

outerWidth 和 outerHeight 是只读属性。

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

语法

获取窗口的宽度与高度：

window.outerWidth
window.outerHeight

设置窗口的宽度与高度：

window.outerWidth=pixels
window.outerHeight=pixels

浏览器支持

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

实例

实例

获取窗口的高度与宽度（包括工具栏/滚动）：

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 对象