Window outerWidth 和 outerHeight 属性
最后更新于:2022-03-26 22:11:13
Window outerWidth 和 outerHeight 属性
定义和用法
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 |
实例
以下演示了 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>";
txt += "<p>innerWidth: " + window.innerWidth + "</p>";
txt += "<p>innerHeight: " + window.innerHeight + "</p>";
txt += "<p>outerWidth: " + window.outerWidth + "</p>";
txt += "<p>outerHeight: " + window.outerHeight + "</p>";