DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jQuery窗口、文檔、網頁各種高度的精確理解
jQuery窗口、文檔、網頁各種高度的精確理解
編輯:JQuery特效代碼     

$(document).height():整個網頁的高度
$(window).height():浏覽器可視窗口的高度
$(window).scrollTop():浏覽器可視窗口頂端距離網頁頂端的高度(垂直偏移)

用一句話理解就是:當網頁滾動條拉到最低端時,$(document).height() == $(window).height() + $(window).scrollTop()。

當網頁高度不足浏覽器窗口時$(document).height()返回的是$(window).height()。

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

原因:

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved