js怎么獲取body呢？

在html網(wǎng)頁中，當頁面的布局不一樣時，body的高度是不同的，body高度有幾種獲取方法，各有不同。下面小編舉例講解JS獲取body的高度。

新建一個html文件，命名為test.html，用于講解JS獲取body的高度。

2.在test.html文件中，使用button標簽創(chuàng)建一個按鈕，給button綁定onclick點擊事件，當按鈕被點擊時，執(zhí)行g(shù)etheight()函數(shù)。

3.在js標簽內(nèi)，創(chuàng)建一個getheight()函數(shù)，在函數(shù)內(nèi)，通過clientHeight屬性獲得網(wǎng)頁可見區(qū)域高，包括padding但不包括border、水平滾動條、margin的元素的高度。

4.在getheight()函數(shù)內(nèi)，通過offsetHeight屬性獲得網(wǎng)頁可見區(qū)域高(包括邊線的高)，包括padding、border、水平滾動條，但不包括margin的元素的高度。

5.在getheight()函數(shù)內(nèi)，通過scrollHeight屬性獲得網(wǎng)頁正文全文高，包括當前不可見部分的元素的高度。

6.在getheight()函數(shù)內(nèi)，通過scrollTop屬性獲得網(wǎng)頁被卷去的高，即滾動條向下滾動的距離。

7.在getheight()函數(shù)內(nèi)，使用write()方法輸出結(jié)果。在瀏覽器打開test.html文件，點擊按鈕，查看輸出的結(jié)果。

總結(jié)：

通過以下屬性獲取body的高度：

1、通過clientHeight屬性獲得網(wǎng)頁可見區(qū)域高。

2、通過offsetHeight屬性獲得網(wǎng)頁可見區(qū)域高(包括邊線的高)。

3、通過scrollHeight屬性獲得網(wǎng)頁正文全文高。

4、通過scrollTop屬性獲得網(wǎng)頁被卷去的高。

注意事項：

使用以上高度屬性時，需要注意頁面布局，布局不同，直接影響到高度值。