window屬性:innerWidth

2018-04-10 10:41 更新

innerWidth屬性

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

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

innerWidth屬性語(yǔ)法

var intViewportWidth = window.innerWidth;

innerWidth屬性值

intViewportWidth 存儲(chǔ) window.innerWidth 屬性值。

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

筆記

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

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

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;

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

規(guī)范

規(guī)范狀態(tài)注釋
CSS對(duì)象模型(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
  • 移動(dòng)端

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

注釋:

[1]從Firefox 4到24,該 innerWidth 屬性有問(wèn)題,并且在某些情況下頁(yè)面加載之前可能會(huì)給出錯(cuò)誤的值,請(qǐng)參閱錯(cuò)誤641188。

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

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)