瀏覽器窗口可視區(qū)域
瀏覽器窗口可視區(qū)域指的是什么，他和網(wǎng)頁(yè)尺寸scrollHeight怎么區(qū)別
ailing20
2016-08-03
2 回答
舉報(bào)
0/150
提交
取消
2016-08-04
document.body.clientHeight和document.documentElement.clientHeight有什么區(qū)別呢
2016-08-04
可視區(qū)域就是：你可以看到的區(qū)域。
瀏覽器窗口顯示網(wǎng)頁(yè)的部分（即不包括地址欄、工具欄）就是可視區(qū)。。
你可以用鼠標(biāo)來(lái)推動(dòng)瀏覽器窗口來(lái)改變大小，此時(shí)可視區(qū)的大小也是跟著變的。。
各種寬度和高度
??????a、可視區(qū)的真實(shí)寬度和高度
??????????document.documentElement.clientWidth?
??????????document.documentElement.clientHeight
??????????都去掉滾動(dòng)條的大?。ㄒ话闶?7像素），比如我的dell筆記本在chrome下，
??????????正常的可視區(qū)（即無(wú)滾動(dòng)條）大小是1366*663，假如水平和垂直方向都有滾動(dòng)條的話，這兩個(gè)值
??????????的大小為?1349?*?646
??????b、
?????????document.documentElement.offsetWidth???無(wú)滾動(dòng)條?1366??有滾動(dòng)條?1349?同a
?????????document.documentElement.offsetHeight??根據(jù)實(shí)際的html元素被撐開(kāi)的大小
?
??????c、
?????????window.innerWidth?/?window.innerHeight?
???????????（1）有滾動(dòng)條?document.documentElement.clientWidth?+?滾動(dòng)條寬度
???????????（2）無(wú)滾動(dòng)條?等于document.documentElement.clientWidth
????????????????高度計(jì)算規(guī)則同寬度