个回答

• ailing20

  2016-08-04 19:13:34

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

  0

• 先驱者5199

  2016-08-04 10:03:09

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

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

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

  各种宽度和高度

        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

                  高度计算规则同宽度

  
  

  0