window屬性:innerHeight

2018-04-10 10:21 更新

innerHeight屬性

innerHeight 屬性表示瀏覽器窗口 viewport 的高度(以像素為單位),如果呈現(xiàn)的話,包括水平滾動條。

注意:如果您使用 nsIDOMWindowUtils.setCSSViewport() 為頁面布局設(shè)置虛擬窗口大小,則此屬性返回的值與使用該方法設(shè)置的 viewport 高度相對應(yīng)。

innerHeight屬性語法

var intViewportHeight = window.innerHeight;

innerHeight屬性值

返回時,intViewportHeight 是瀏覽器窗口 viewport 的高度。

該 window.innerHeight 屬性是只讀的;它沒有默認(rèn)值。

筆記

該 innerHeight 屬性在任何窗口對象(如 window,frame,frameset 或 secondary window)中都受支持。

有一種算法可以獲取 viewpor t的高度,但不包括(如果呈現(xiàn)的話)水平滾動條。

innerHeight屬性示例

假設(shè)一個框架集

var intFrameHeight = window.innerHeight; // or

var intFrameHeight = self.innerHeight;
// will return the height of the frame viewport within the frameset

var intFramesetHeight = parent.innerHeight;
// will return the height of the viewport of the closest frameset

var intOuterFramesetHeight = top.innerHeight;
// will return the height of the viewport of the outermost frameset

要更改窗口的大小,請參閱 window.resizeBy() 和 window.resizeTo()。

要獲得窗口的外部高度,即整個瀏覽器窗口的高度,請參閱 window.outerHeight。

圖形化的例子

下圖顯示了 outerHeight 和 innerHeight 之間的區(qū)別。

window屬性

規(guī)范

規(guī)范狀態(tài)注釋
CSS對象模型(CSSOM)視圖模塊
該規(guī)范中'window.innerHeight'的定義。
Working Draft
初始定義

瀏覽器兼容性

我們正在將兼容性數(shù)據(jù)轉(zhuǎn)換為機(jī)器可讀的JSON格式。

  • 電腦端
特征Chrome
Edge
Firefox(Gecko)
Internet Explorer
Opera
Safari
基本支持支持:1支持支持:1.0(1.7或更早版本)[1]支持:9支持:9支持:3
  • 移動端

特征AndroidEdgeFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
基本支持支持:1支持支持:1.0 [1]支持:9支持:9支持:3

注釋:
[1]從Firefox 4到24,這個屬性有問題,并且在某些情況下頁面加載之前可能會給出錯誤的值,請參閱錯誤641188。

以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號