W3Cschool
恭喜您成為首批注冊(cè)用戶
獲得88經(jīng)驗(yàn)值獎(jiǎng)勵(lì)
瀏覽器窗口 viewport 的寬度(以像素為單位),包括(如果呈現(xiàn)的話)垂直滾動(dòng)條。
注意:如果您用 nsIDOMWindowUtils.setCSSViewport() 為頁(yè)面布局設(shè)置虛擬窗口大小,則此屬性返回的值與使用該方法設(shè)置的視口寬度相對(duì)應(yīng)。
var intViewportWidth = window.innerWidth;
intViewportWidth 存儲(chǔ) window.innerWidth 屬性值。
該 window.innerWidth 屬性是只讀的;它沒(méi)有默認(rèn)值。
該 innerWidth 屬性在任何 window 對(duì)象(如window,frame,frameset 或輔助窗口)中都受支持。
有一種算法可以獲取視口的寬度,但不包括(如果呈現(xiàn)的話)垂直滾動(dòng)條。
// 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ī)范 | 狀態(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 |
特征 | Android | Edge | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|---|
基本支持 | 支持:1 | 支持 | 支持:1.0 [1] | 支持:9 | 支持:9 | 支持:3 |
注釋:
[1]從Firefox 4到24,該 innerWidth 屬性有問(wèn)題,并且在某些情況下頁(yè)面加載之前可能會(huì)給出錯(cuò)誤的值,請(qǐng)參閱錯(cuò)誤641188。
Copyright©2021 w3cschool編程獅|閩ICP備15016281號(hào)-3|閩公網(wǎng)安備35020302033924號(hào)
違法和不良信息舉報(bào)電話:173-0602-2364|舉報(bào)郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號(hào)
聯(lián)系方式:
更多建議: