課程
/前端開發
/JavaScript
/JavaScript進階篇
瀏覽器窗口可視區域指的是什么,他和網頁尺寸scrollHeight怎么區別
2016-08-03
源自:JavaScript進階篇 9-19
正在回答
document.body.clientHeight和document.documentElement.clientHeight有什么區別呢
翼夢設計工作室
可視區域就是:你可以看到的區域。
瀏覽器窗口顯示網頁的部分(即不包括地址欄、工具欄)就是可視區。。
你可以用鼠標來推動瀏覽器窗口來改變大小,此時可視區的大小也是跟著變的。。
各種寬度和高度
??????a、可視區的真實寬度和高度
??????????document.documentElement.clientWidth?
??????????document.documentElement.clientHeight
??????????都去掉滾動條的大小(一般是17像素),比如我的dell筆記本在chrome下,
??????????正常的可視區(即無滾動條)大小是1366*663,假如水平和垂直方向都有滾動條的話,這兩個值
??????????的大小為?1349?*?646
??????b、
?????????document.documentElement.offsetWidth???無滾動條?1366??有滾動條?1349?同a
?????????document.documentElement.offsetHeight??根據實際的html元素被撐開的大小
?
??????c、
?????????window.innerWidth?/?window.innerHeight?
???????????(1)有滾動條?document.documentElement.clientWidth?+?滾動條寬度
???????????(2)無滾動條?等于document.documentElement.clientWidth
????????????????高度計算規則同寬度
ailing20 提問者
舉報
本課程從如何插入JS代碼開始,帶您進入網頁動態交互世界
2 回答瀏覽器可視窗口區域大小問題
2 回答瀏覽器窗口可視區域大小的問題
1 回答瀏覽器窗口可視區域大小 指的是?
1 回答瀏覽器窗口可視區域大小為什么變0?
2 回答瀏覽器窗口的可視區域大小指的是哪里?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-08-04
document.body.clientHeight和document.documentElement.clientHeight有什么區別呢
2016-08-04
可視區域就是:你可以看到的區域。
瀏覽器窗口顯示網頁的部分(即不包括地址欄、工具欄)就是可視區。。
你可以用鼠標來推動瀏覽器窗口來改變大小,此時可視區的大小也是跟著變的。。
各種寬度和高度
??????a、可視區的真實寬度和高度
??????????document.documentElement.clientWidth?
??????????document.documentElement.clientHeight
??????????都去掉滾動條的大小(一般是17像素),比如我的dell筆記本在chrome下,
??????????正常的可視區(即無滾動條)大小是1366*663,假如水平和垂直方向都有滾動條的話,這兩個值
??????????的大小為?1349?*?646
??????b、
?????????document.documentElement.offsetWidth???無滾動條?1366??有滾動條?1349?同a
?????????document.documentElement.offsetHeight??根據實際的html元素被撐開的大小
?
??????c、
?????????window.innerWidth?/?window.innerHeight?
???????????(1)有滾動條?document.documentElement.clientWidth?+?滾動條寬度
???????????(2)無滾動條?等于document.documentElement.clientWidth
????????????????高度計算規則同寬度