js怎么获取body呢_CSS学习

当前位置：网站建设 > 技术支持

资料来源：网络整理时间：2023/3/4 4:31:40 共计：3581 浏览

js怎么获取body呢？

在html网页中，当页面的布局不一样时，body的高度是不同的，body高度有几种获取方法，各有不同。下面小编举例讲解JS获取body的高度。

新建一个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文件，点击按钮，查看输出的结果。

总结：

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

1、通过clientHeight属性获得网页可见区域高。

2、通过offsetHeight属性获得网页可见区域高(包括边线的高)。

3、通过scrollHeight属性获得网页正文全文高。

4、通过scrollTop属性获得网页被卷去的高。

注意事项：

使用以上高度属性时，需要注意页面布局，布局不同，直接影响到高度值。

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。