document.body.clientWidth,document.body.clientHeight （body的clientHeight 和clientWidth ）
页面宽度-16（默认8个像素的宽度） 高度0（因为没有内容）如果有内容会撑开
document.body.offsetWidth,document.body.offsetHeight（body的offsetWidth和offsetHeight）
与body的clientWidth、clientHeight相同
document.body.scrollWidth,document.body.scrollHeight（body的scrollWidth和scrollHeight）
没有内容时和body的clientWidth相同，有内容，内容撑开的宽高，和clientHeight相同，是内容宽高
document.documentElement.clientWidth,document.documentElement.clientHeight（HTML的clientHeight 和clientWidth）
获取页面的可视宽高 ，并不会因为内容变大而撑开
document.documentElement.offsetWidth,document.documentElement.offsetHeight（HTML的offsetHeight和offsetWidth）
获取页面的可视宽度，html的高度是body内容高度+bodyMargin
document.documentElement.scrollWidth,document.documentElement.scrollHeight（HTML的scrollWidth和scrollHeight）
如果没有body没有高度，则是可视宽高
如果body有宽高，不超过可视宽高，则是可视宽高
如果body的宽高超出可视范围，则是body宽高+margin(宽度+margin，高度+margin*2)
document.body.clientLeft,document.body.clientTop
document.documentElement.clientLeft,document.documentElement.clientTop
body 和 html没有边线，所有这两个值都是0
document.body.offsetLeft,document.body.offsetTop
document.documentElement.offsetLeft,document.documentElement.offsetTop
因为body和html标签都是最顶端，最外层，这两个值都是0
document.documentElement.scrollLeft，document.documentElement.scrollTop
window的滚动条是document.documentElement的scrollTop
window窗口的滚动条位置获取和设置可以通过document.documentElement.scrollLeft，document.documentElement.scrollTop来实现
