轻松上手,快乐学习!
HTML CSS JAVASCRIPT SQL PYTHON MYSQL PHP GIT 问答 工具 导航 更多 实例 参考

Window outerWidth 和 outerHeight 属性

实例

获取浏览器窗口的高度和宽度:

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

页面下方有更多实例。

定义和用法

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

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

这些属性是只读的。

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

浏览器支持

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

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

语法

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>";
亲自试一试 »
❮ Window 对象