获取整个页面尺寸的方法

描述基于根元素和元素来获取整个页面尺寸。没有滚动条尺寸。

• jocument.documentElement.scrollHeight
• document.documentElement.scrollWidth
• document.body.scrollHeight
• document.body.scrollWidth | | document.documentElement.scrollHeight | document.body.scrollHeight | | —- | —- | —- | | chrome |
  - 页面右侧没有滚动条时（说明页面很小），属性值是视口的高度。
  - 页面有滚动条时（说明页面很大，视口不能完全显示），属性值就是整个文档内容的高度。
  | padding、border、margin完美解释了body的style属性为什么必须设置为0。因为会影响元素的尺寸计算。
  只有当这3个属性为0时，这两个属性可以通用。
  但当页面很小，没有滚动条时，这两个属性值不一样，具体情况具体考虑用哪一个 | | IE8及以下 | 搞不懂很乱 | 高度 = height + padding |