課程
/前端開發(fā)
/JavaScript
/JavaScript進(jìn)階篇
瀏覽器窗口可視區(qū)域指的是什么,他和網(wǎng)頁尺寸scrollHeight怎么區(qū)別
2016-08-03
源自:JavaScript進(jìn)階篇 9-19
正在回答
document.body.clientHeight和document.documentElement.clientHeight有什么區(qū)別呢
翼夢設(shè)計工作室
可視區(qū)域就是:你可以看到的區(qū)域。
瀏覽器窗口顯示網(wǎng)頁的部分(即不包括地址欄、工具欄)就是可視區(qū)。。
你可以用鼠標(biāo)來推動瀏覽器窗口來改變大小,此時可視區(qū)的大小也是跟著變的。。
各種寬度和高度
??????a、可視區(qū)的真實寬度和高度
??????????document.documentElement.clientWidth?
??????????document.documentElement.clientHeight
??????????都去掉滾動條的大?。ㄒ话闶?7像素),比如我的dell筆記本在chrome下,
??????????正常的可視區(qū)(即無滾動條)大小是1366*663,假如水平和垂直方向都有滾動條的話,這兩個值
??????????的大小為?1349?*?646
??????b、
?????????document.documentElement.offsetWidth???無滾動條?1366??有滾動條?1349?同a
?????????document.documentElement.offsetHeight??根據(jù)實際的html元素被撐開的大小
?
??????c、
?????????window.innerWidth?/?window.innerHeight?
???????????(1)有滾動條?document.documentElement.clientWidth?+?滾動條寬度
???????????(2)無滾動條?等于document.documentElement.clientWidth
????????????????高度計算規(guī)則同寬度
ailing20 提問者
舉報
本課程從如何插入JS代碼開始,帶您進(jìn)入網(wǎng)頁動態(tài)交互世界
2 回答瀏覽器可視窗口區(qū)域大小問題
1 回答瀏覽器窗口可視區(qū)域大小 指的是?
2 回答瀏覽器窗口可視區(qū)域大小的問題
1 回答瀏覽器窗口可視區(qū)域大小為什么變0?
2 回答瀏覽器窗口的可視區(qū)域大小指的是哪里?
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)微信公眾號
2016-08-04
document.body.clientHeight和document.documentElement.clientHeight有什么區(qū)別呢
2016-08-04
可視區(qū)域就是:你可以看到的區(qū)域。
瀏覽器窗口顯示網(wǎng)頁的部分(即不包括地址欄、工具欄)就是可視區(qū)。。
你可以用鼠標(biāo)來推動瀏覽器窗口來改變大小,此時可視區(qū)的大小也是跟著變的。。
各種寬度和高度
??????a、可視區(qū)的真實寬度和高度
??????????document.documentElement.clientWidth?
??????????document.documentElement.clientHeight
??????????都去掉滾動條的大?。ㄒ话闶?7像素),比如我的dell筆記本在chrome下,
??????????正常的可視區(qū)(即無滾動條)大小是1366*663,假如水平和垂直方向都有滾動條的話,這兩個值
??????????的大小為?1349?*?646
??????b、
?????????document.documentElement.offsetWidth???無滾動條?1366??有滾動條?1349?同a
?????????document.documentElement.offsetHeight??根據(jù)實際的html元素被撐開的大小
?
??????c、
?????????window.innerWidth?/?window.innerHeight?
???????????(1)有滾動條?document.documentElement.clientWidth?+?滾動條寬度
???????????(2)無滾動條?等于document.documentElement.clientWidth
????????????????高度計算規(guī)則同寬度