浏览器的一些区域和位置信息记录

区域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的值是滚动内容偏移量