通過window對象來得到窗口相關的內外款高度信息,如下:
outerHeight屬性設置或返回一個窗口的外部高度,包括所有界面元素(如工具欄/滾動條)。
outerWidth屬性設置或返回窗口的外部寬度,包括所有的界面元素(如工具欄/滾動)。
innerheight 返回窗口的文檔顯示區的高度。
innerwidth 返回窗口的文檔顯示區的寬度。
在瀏覽器兼容方面:
所有主流瀏覽器都支持 outerWidth 和 outerHeight 屬性。
注意:IE 8 及更早 IE 版本不支持該屬性。
所有主流瀏覽器都支持 innerWidth 和 innerHeight 屬性。
注意:IE 8 及更早 IE版本不支持這兩個屬性。
示例(我筆記本分辨率1366x768,瀏覽器全屏顯示,測試):
document.write("outerWidth: " + window.outerWidth + " outerHeight: " + window.outerHeight); // 顯示:outerWidth: 1366 outerHeight: 768
document.write("innerWidth: " + window.innerWidth + " innerHeight: " + window.innerHeight); // 顯示:innerWidth: 1366 innerHeight: 705