jQuery窗口、文檔、網(wǎng)頁各種高度的精確理解
更新時間：2014年07月02日 16:06:13 投稿：whsnow
這篇文章主要幫助大家快速理解jQuery瀏覽器窗口、網(wǎng)頁文檔及可視窗口的各種高度,需要的朋友可以參考下
$(document).height()：整個網(wǎng)頁的高度
$(window).height()：瀏覽器可視窗口的高度
$(window).scrollTop()：瀏覽器可視窗口頂端距離網(wǎng)頁頂端的高度（垂直偏移）
用一句話理解就是：當網(wǎng)頁滾動條拉到最低端時，$(document).height() == $(window).height() + $(window).scrollTop()。
當網(wǎng)頁高度不足瀏覽器窗口時$(document).height()返回的是$(window).height()。
不建議使用$("html").height()、$("body").height()這樣的高度。
原因：
$("body").height()：body可能會有邊框，獲取的高度會比$(document).height()?。?br />
$("html").height()：在不同的瀏覽器上獲取的高度的意義會有差異，說白了就是瀏覽器不兼容。
$(window).height()值有問題，返回的不是瀏覽器窗口的高度？
相關文章
這篇文章主要介紹了jQuery使用CSS()方法給指定元素同時設置多個樣式的方法,實例分析了jQuery中css方法的使用技巧,非常具有實用價值,需要的朋友可以參考下2015-03-03
這篇文章主要介紹了jQuery實現(xiàn)新消息閃爍標題提示的方法,實例分析了jQuery操作樣式的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
這篇文章主要介紹了jquery正則表達式驗證，實現(xiàn)手機號、身份證號、中文名稱驗證，感興趣的小伙伴們可以參考一下2015-12-12
本篇文章主要介紹了jQuery時間驗證和轉換為標準格式的時間示例代碼，具有一定的參考價值，有興趣的可以了解一下。2017-03-03
jquery.ui.draggable中文文檔(原文翻譯)。需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11
jQuery插件FusionCharts繪制的3D餅狀圖效果實例【附demo源碼下載】
這篇文章主要介紹了jQuery插件FusionCharts繪制的3D餅狀圖效果,結合完整實例形式分析了基于FusionCharts圖形插件繪制餅狀圖的操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03
JS拖動選擇table里的單元格完整實例【基于jQuery】
這篇文章主要介紹了JS拖動選擇table里的單元格,結合完整實例形式分析了基于jQuery的table表格動態(tài)操作相關實現(xiàn)技巧,涉及事件響應及頁面元素屬性動態(tài)操作使用方法,需要的朋友可以參考下2019-05-05
眾所周知，jQuery現(xiàn)在已經非常流行，百度新首頁中也已經開始使用jQuery，今天總結下怎么書寫更好的jQuery代碼使jQuery代碼更好、更快的執(zhí)行，希望本篇jQuery教程一改大家以前不合理的做法2014-06-06
這篇文章主要介紹了jquery制作屬于自己的select自定義樣式，具有一定的參考價值，感興趣的小伙伴們可以參考一下2015-11-11
這篇文章主要以示例介紹了jquery中 $.expr使用,需要的朋友可以參考下2014-06-06