-
1 # 明傑影樓銷售運營實戰
-
2 # 貝塔開飛機
第一種：使用DOM Core 即引用某個給定文件的第一個（也是僅有的一個）body標籤
使用例如：document.getElementsByTagName("body")[0]
第二種：使用HTML-DOM,即引用某個給定文件的body屬性：
doucumnet.body
-
3 # Echa攻城獅
新建一個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屬性獲得網頁被捲去的高，即捲軸向下滾動的距離。
總結：
透過以下屬性獲取body的高度：
1、透過clientHeight屬性獲得網頁可見區域高。
2、透過offsetHeight屬性獲得網頁可見區域高(包括邊線的高)。
3、透過scrollHeight屬性獲得網頁正文全文高。
4、透過scrollTop屬性獲得網頁被捲去的高。
注意事項：
使用以上高度屬性時，需要注意頁面佈局，佈局不同，直接影響到高度值。
-
4 # 新城舊少哖
body 是 HTML 文件中最基本的必需的元素，也就是html文件中的內容區的根標籤，body 元素定義文件的主體，所有主流瀏覽器都支援 <body> 標籤。
使用原生js獲取body：
1.doucumnet.body
2.document.getElementsByTagName("body")[0]
回覆列表
這就是透過1.doucumnet.body
2.document.getElementsByTagName("body")[0]
來獲取body的，body中很多元素都是透過其獲取的，比如：
1、document.body.clientWidth;//網頁可見區域寬
2、document.body.clientHeight;//網頁可見區域高
3、document.body.offsetWidth;//網頁可見區域寬(包括邊線的寬)
4、document.body.offsetHeight;//網頁可見區域高(包括邊線的高)
5、document.body.scrollWidth;//網頁正文全文寬
6、window.screen.availHeight;//螢幕可用工作區高度
7、window.screen.availWidth;//螢幕可用工作區寬度
8、alert($(document.body).outerWidth(true));//瀏覽器時下視窗文件body的總寬度 包括border padding margin
9、alert($(document.body).width());//瀏覽器時下視窗文件body的高度