window屬性:innerWidth

2018-04-10 10:41 更新

innerWidth屬性

瀏覽器窗口 viewport 的寬度(以像素為單位),包括(如果呈現(xiàn)的話)垂直滾動條。

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

innerWidth屬性語法

var intViewportWidth = window.innerWidth;

innerWidth屬性值

intViewportWidth 存儲 window.innerWidth 屬性值。

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

筆記

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

有一種算法可以獲取視口的寬度,但不包括(如果呈現(xiàn)的話)垂直滾動條。

innerWidth屬性示例

// This will return the width of the viewport
var intFrameWidth = window.innerWidth;

// This will return the width of the frame viewport within a frameset
var intFrameWidth = self.innerWidth;

// This will return the width of the viewport of the closest frameset
var intFramesetWidth = parent.innerWidth;

// This will return the width of the viewport of the outermost frameset
var intOuterFramesetWidth = top.innerWidth;

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

規(guī)范

規(guī)范狀態(tài)注釋
CSS對象模型(CSSOM)視圖模塊
該規(guī)范中'window.innerWidth'的定義。
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,該 innerWidth 屬性有問題,并且在某些情況下頁面加載之前可能會給出錯誤的值,請參閱錯誤641188。

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

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號