document.body.clientHeight和document.documentElement.clientHeight有什么区别呢

可视区域就是：你可以看到的区域。

浏览器窗口显示网页的部分（即不包括地址栏、工具栏）就是可视区。。

你可以用鼠标来推动浏览器窗口来改变大小，此时可视区的大小也是跟着变的。。

各种宽度和高度

      a、可视区的真实宽度和高度

          document.documentElement.clientWidth 

          document.documentElement.clientHeight

          都去掉滚动条的大小（一般是17像素），比如我的dell笔记本在chrome下，

          正常的可视区（即无滚动条）大小是1366*663，假如水平和垂直方向都有滚动条的话，这两个值

          的大小为 1349 * 646

      b、

         document.documentElement.offsetWidth   无滚动条 1366  有滚动条 1349 同a

         document.documentElement.offsetHeight  根据实际的html元素被撑开的大小

      c、

         window.innerWidth / window.innerHeight 

           （1）有滚动条 document.documentElement.clientWidth + 滚动条宽度

           （2）无滚动条 等于document.documentElement.clientWidth

                高度计算规则同宽度