jQuery窗口、文檔、網(wǎng)頁各種高度的精確理解_jquery

來源：懂視網(wǎng) 責(zé)編：小采時(shí)間：2020-11-27 21:25:08

jQuery窗口、文檔、網(wǎng)頁各種高度的精確理解_jquery

jQuery窗口、文檔、網(wǎng)頁各種高度的精確理解_jquery:$(document).height()：整個(gè)網(wǎng)頁的高度 $(window).height()：瀏覽器可視窗口的高度 $(window).scrollTop()：瀏覽器可視窗口頂端距離網(wǎng)頁頂端的高度（垂直偏移）用一句話理解就是：當(dāng)網(wǎng)頁滾動(dòng)條拉到最低端時(shí)，$(document).height() ==

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

導(dǎo)讀jQuery窗口、文檔、網(wǎng)頁各種高度的精確理解_jquery:$(document).height()：整個(gè)網(wǎng)頁的高度 $(window).height()：瀏覽器可視窗口的高度 $(window).scrollTop()：瀏覽器可視窗口頂端距離網(wǎng)頁頂端的高度（垂直偏移）用一句話理解就是：當(dāng)網(wǎng)頁滾動(dòng)條拉到最低端時(shí)，$(document).height() ==

$(document).height()：整個(gè)網(wǎng)頁的高度
$(window).height()：瀏覽器可視窗口的高度
$(window).scrollTop()：瀏覽器可視窗口頂端距離網(wǎng)頁頂端的高度（垂直偏移）

用一句話理解就是：當(dāng)網(wǎng)頁滾動(dòng)條拉到最低端時(shí)，$(document).height() == $(window).height() + $(window).scrollTop()。

當(dāng)網(wǎng)頁高度不足瀏覽器窗口時(shí)$(document).height()返回的是$(window).height()。

不建議使用$("html").height()、$("body").height()這樣的高度。

原因：

$("body").height()：body可能會(huì)有邊框，獲取的高度會(huì)比$(document).height()??；
$("html").height()：在不同的瀏覽器上獲取的高度的意義會(huì)有差異，說白了就是瀏覽器不兼容。
$(window).height()值有問題，返回的不是瀏覽器窗口的高度？

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com