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