最新的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>";
試一試»

<窗口對象