JS获取body的高度

1、新建一个html文件，命名为test.html，用于讲解JS获取body的高度。

2、在test.html文件中，使用button标签创建一个按钮，给button绑定onclick点击事件，当按钮被点击时，执行getheight()函数。

3、在js标签内，创建一个getheight()函数，在函数内，通过clientHeight属性获得网页可见区域高，包括padding但不包括border、水平滚动条、margin的元素的高度。

4、在getheight()函数内，通过offsetHeight属性获得网页可见区域高(包括边线的高)，包括padding、border、水平滚动条，但不包括margin的元素的高度。

5、在getheight()函数内，通过scrollHeight属性获得网页正文全文高，包括当前不可见部分的元素的高度。

6、在getheight()函数内，通过scrollTop属性获得网页被卷去的高，即滚动条向下滚动的距离。

7、在getheight()函数内，使用write()方法输出结果。在浏览器打开test.html文件，点击按钮，查看输出的结果。

1、通过以下属性获取body的高度：

1、通过clientHeight属性获得网页可见区域高。
2、通过offsetHeight属性获得网页可见区域高(包括边线的高)。
3、通过scrollHeight属性获得网页正文全文高。
4、通过scrollTop属性获得网页被卷去的高。