課程
/前端開發(fā)
/JavaScript
/JavaScript進(jìn)階篇
screen.availWidth和window.innerWidth的區(qū)別是什么
2017-03-13
源自:JavaScript進(jìn)階篇 8-16
正在回答
screen.availwidth屏幕可用區(qū)域的寬度,就是那塊白布的寬度,可以使用的
window.innerwidth瀏覽器可見區(qū)域的內(nèi)寬度(包含滾動(dòng)條)
一個(gè)是可用,一個(gè)是可見
screen:屏幕。這一類取到的是關(guān)于屏幕的寬度和距離,與瀏覽器無關(guān),應(yīng)該是獲取window對(duì)象的屬性。client:使用區(qū)、客戶區(qū)。指的是客戶區(qū),當(dāng)然是指瀏覽器區(qū)域。offset:偏移。指的是目標(biāo)甲相對(duì)目標(biāo)乙的距離。scroll:卷軸、卷動(dòng)。指的是包含滾動(dòng)條的的屬性。inner:內(nèi)部。指的是內(nèi)部部分,不含滾動(dòng)條。avail:可用的??捎脜^(qū)域,不含滾動(dòng)條,易與inner混淆。window.innerWidth/innerHeight:瀏覽器可見區(qū)域的內(nèi)寬度、高度(不含瀏覽器的邊框,但包含滾動(dòng)條)。兼容:ie9/10、chrome、firefox。window.screen.availWidth/availHeight:屏幕的可用寬度、高度(通常與屏幕的寬度、高度一致)。兼容性:ie6/7/8/9/10、chrome、firefox。
舉報(bào)
本課程從如何插入JS代碼開始,帶您進(jìn)入網(wǎng)頁動(dòng)態(tài)交互世界
4 回答screen.width與screen.availWidth有什么區(qū)別
2 回答onclick和infocus的區(qū)別是什么
2 回答break; 和continue; 的區(qū)別是什么?
5 回答setTime和getTime的區(qū)別是什么?
6 回答location.assign和location.replace的區(qū)別是什么?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2017-03-13
screen.availwidth屏幕可用區(qū)域的寬度,就是那塊白布的寬度,可以使用的
window.innerwidth瀏覽器可見區(qū)域的內(nèi)寬度(包含滾動(dòng)條)
2017-03-13
一個(gè)是可用,一個(gè)是可見
2017-03-13
screen:屏幕。這一類取到的是關(guān)于屏幕的寬度和距離,與瀏覽器無關(guān),應(yīng)該是獲取window對(duì)象的屬性。
client:使用區(qū)、客戶區(qū)。指的是客戶區(qū),當(dāng)然是指瀏覽器區(qū)域。
offset:偏移。指的是目標(biāo)甲相對(duì)目標(biāo)乙的距離。
scroll:卷軸、卷動(dòng)。指的是包含滾動(dòng)條的的屬性。
inner:內(nèi)部。指的是內(nèi)部部分,不含滾動(dòng)條。
avail:可用的??捎脜^(qū)域,不含滾動(dòng)條,易與inner混淆。
window.innerWidth/innerHeight:瀏覽器可見區(qū)域的內(nèi)寬度、高度(不含瀏覽器的邊框,但包含滾動(dòng)條)。兼容:ie9/10、chrome、firefox。
window.screen.availWidth/availHeight:屏幕的可用寬度、高度(通常與屏幕的寬度、高度一致)。兼容性:ie6/7/8/9/10、chrome、firefox。