課程
/前端開發(fā)
/JavaScript
/JavaScript進階篇
我筆記本用screen.width輸出屏幕寬度是1366,為什么用window.innerWidth輸出值是1517,瀏覽器可視窗口比整個屏幕都大,這合理嗎?
2017-09-04
源自:JavaScript進階篇 9-18
正在回答
測試成功,恭喜...這你要理解if...elseif...else的判斷機制,他是當(dāng)第一個條件不成立時直接進行第二個條件,依次類推,所以你在第二個和后面是不需要多余的條件語句的
因為有滾動條,innerwidth的寬是包含不可視滾動條那一部分的。
screen:屏幕。這一類取到的是關(guān)于屏幕的寬度和距離,與瀏覽器無關(guān),應(yīng)該是獲取window對象的屬性。client:使用區(qū)、客戶區(qū)。指的是客戶區(qū),當(dāng)然是指瀏覽器區(qū)域。offset:偏移。指的是目標(biāo)甲相對目標(biāo)乙的距離。scroll:卷軸、卷動。指的是包含滾動條的的屬性。inner:內(nèi)部。指的是內(nèi)部部分,不含滾動條。avail:可用的??捎脜^(qū)域,不含滾動條,易與inner混淆。window.innerWidth/innerHeight:瀏覽器可見區(qū)域的內(nèi)寬度、高度(不含瀏覽器的邊框,但包含滾動條)。兼容:ie9/10、chrome、firefox。window.screen.availWidth/availHeight:屏幕的可用寬度、高度(通常與屏幕的寬度、高度一致)。兼容性:ie6/7/8/9/10、chrome、firefox。
s10143129 提問者
愛上慕婉清6262634 回復(fù) s10143129 提問者
舉報
本課程從如何插入JS代碼開始,帶您進入網(wǎng)頁動態(tài)交互世界
1 回答屏幕寬度和可用屏幕寬度有何不同?
2 回答屏幕高度和寬度都顯示不了
3 回答瀏覽器的高寬和屏幕高寬具體指的是哪個尺寸?
3 回答怎么沒有顯示瀏覽器高度寬度啊 ?
2 回答為什么寬度的值比高度的要大,明明屏幕是橫著放的啊
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2022-03-27
測試成功,恭喜...這你要理解if...elseif...else的判斷機制,他是當(dāng)第一個條件不成立時直接進行第二個條件,依次類推,所以你在第二個和后面是不需要多余的條件語句的
2018-04-24
因為有滾動條,innerwidth的寬是包含不可視滾動條那一部分的。
2017-09-06
screen:屏幕。這一類取到的是關(guān)于屏幕的寬度和距離,與瀏覽器無關(guān),應(yīng)該是獲取window對象的屬性。
client:使用區(qū)、客戶區(qū)。指的是客戶區(qū),當(dāng)然是指瀏覽器區(qū)域。
offset:偏移。指的是目標(biāo)甲相對目標(biāo)乙的距離。
scroll:卷軸、卷動。指的是包含滾動條的的屬性。
inner:內(nèi)部。指的是內(nèi)部部分,不含滾動條。
avail:可用的??捎脜^(qū)域,不含滾動條,易與inner混淆。
window.innerWidth/innerHeight:瀏覽器可見區(qū)域的內(nèi)寬度、高度(不含瀏覽器的邊框,但包含滾動條)。兼容:ie9/10、chrome、firefox。
window.screen.availWidth/availHeight:屏幕的可用寬度、高度(通常與屏幕的寬度、高度一致)。兼容性:ie6/7/8/9/10、chrome、firefox。