$(window).height() 和 $(document).height()的区别

$(window).height()代表了可见区域的大小

相当于JS盒模型中的获取网页可视区域的高度

document.documentElement.clientHeight||document.body.clientHeight;

$(document).height()代表了整个文档的高度。

相当于JS盒模型中获取当前页面的真实高度。

document.documentElement.scrollHeight||document.body.scrollHeight;

页面顶端值的获取是只要scrollTop()==0即可。

页面底端$(window).scrollTop()>=$(document).height()-$(window).height();

注意：当浏览器窗口大小改变时(如最大化或拉大窗口后) ，
jQuery(window).height() 随之改变，但是
jQuery(document).height()是不变的。