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

这俩个概念对很多人来说都很模糊，包括之前的我，现在来说一说他们的区别：

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

           $(document).height()则代表了整个文档的高度，可视具体情况使用.(个人理解就是：html里body里面的内容)

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

     当写下拉加载上拉刷新时，还有可能遇到下面这几个概念：

           $(document).scrollTop():获取当前滚动的地方的窗口顶端到整个页面顶端的距离，即获取垂直滚动的距离

           $(document).scrollLeft():获取水平滚动条距离页面左端的距离。

下面是我写上拉加载时用到：

               var scrollTop=$(document).scrollTop();//当前可视化网页距离最上方网页的距离
//           scrollTop()方法获取滚动条的垂直距离
                var height=$(document).height();
                var viewHeight=$(window).height();//可视化高度，随窗口大小改变而改变