区域1:整个浏览器区域(包括菜单栏、状态栏)
区域2:窗口视区(可以看到HTML内容的区域)
区域3:内容区域(包括由于滚动偏移看不到的区域)
window.innerHeight, window.innerWidth 区域2
window.outerHeight, window.outerWidth 区域1。IE和火狐的值有点偏大。Chrome刚好
document.documentElement.clientHeight, clientWidth 区域2
document.documentElement.offsetHeight, offsetWidth IE:区域2,火狐和Chrome:区域3
document.documentElement.scrollHeight, scrollWidth 区域3
document.body.clientHeight, clientWidth 区域3
document.body.offsetHeight, offsetWidth 区域3
document.body.scrollHeight, scrollWidth 区域3
$(window).height(), width(), innerHeight(), innerWidth(), outerHeight(), outerHeight() 区域2
$(document).height(), width(), innerHeight(), innerWidth(), outerHeight(), outerHeight() 区域3
$(document.body).height(), width(), innerHeight(), innerWidth(), outerHeight(), outerHeight() 区域3
位置:
window.screenTop, window.screenLeft 浏览器左上角相对显示器左上角的偏移量
window.scrollTop, window.scrollLeft 浏览器滚动内容偏移量
window.pageXOffset, window.pageYOffset 与scrollTop和scrollLeft的值相等。(IE没有该属性)
document.documentElement.offsetTop, offsetLeft 三个浏览器的值都是0,不知道什么意思
document.documentElement.scrollTop, scrollLeft IE和火狐都是滚动内容偏移量,chrome的值为0
document.body.offsetTop, offsetLeft 三个浏览器的值都是0,不知道什么意思
document.body.scrollTop, scrollLeft IE和火狐都是0,Chrome的值是滚动内容偏移量
区域2:窗口视区(可以看到HTML内容的区域)
区域3:内容区域(包括由于滚动偏移看不到的区域)
window.innerHeight, window.innerWidth 区域2
window.outerHeight, window.outerWidth 区域1。IE和火狐的值有点偏大。Chrome刚好
document.documentElement.clientHeight, clientWidth 区域2
document.documentElement.offsetHeight, offsetWidth IE:区域2,火狐和Chrome:区域3
document.documentElement.scrollHeight, scrollWidth 区域3
document.body.clientHeight, clientWidth 区域3
document.body.offsetHeight, offsetWidth 区域3
document.body.scrollHeight, scrollWidth 区域3
$(window).height(), width(), innerHeight(), innerWidth(), outerHeight(), outerHeight() 区域2
$(document).height(), width(), innerHeight(), innerWidth(), outerHeight(), outerHeight() 区域3
$(document.body).height(), width(), innerHeight(), innerWidth(), outerHeight(), outerHeight() 区域3
位置:
window.screenTop, window.screenLeft 浏览器左上角相对显示器左上角的偏移量
window.scrollTop, window.scrollLeft 浏览器滚动内容偏移量
window.pageXOffset, window.pageYOffset 与scrollTop和scrollLeft的值相等。(IE没有该属性)
document.documentElement.offsetTop, offsetLeft 三个浏览器的值都是0,不知道什么意思
document.documentElement.scrollTop, scrollLeft IE和火狐都是滚动内容偏移量,chrome的值为0
document.body.offsetTop, offsetLeft 三个浏览器的值都是0,不知道什么意思
document.body.scrollTop, scrollLeft IE和火狐都是0,Chrome的值是滚动内容偏移量