[js]js获取页面高度、获取页面文档的总高度，获取页面浏览器视窗

[js]js获取页面高度、获取页面文档的总高度

//获取页面文档的总高度 
function documentHeight(){ 
 //现代浏览器（IE9+和其他浏览器）和IE8的document.body.scrollHeight和document.documentElement.scrollHeight都可以 
 return Math.max(document.body.scrollHeight,document.documentElement.scrollHeight); 
} 

获取页面浏览器视窗的高度

function windowHeight(){ 
 return (document.compatMode == "CSS1Compat")? 
 document.documentElement.clientHeight: 
 document.body.clientHeight; 
} 

//获取页面顶部被卷起来的高度 
 function scrollTop(){ 
  return Math.max( 
   //chrome 
   document.body.scrollTop, 
   //firefox/IE 
   document.documentElement.scrollTop); 
 } 
 //获取页面文档的总高度 
 function documentHeight(){ 
  //现代浏览器（IE9+和其他浏览器）和IE8的document.body.scrollHeight和document.documentElement.scrollHeight都可以 
  return Math.max(document.body.scrollHeight,document.documentElement.scrollHeight); 
 } 
 //获取页面浏览器视口的高度 
 function windowHeight(){ 
  //document.compatMode有两个取值。BackCompat：标准兼容模式关闭。CSS1Compat：标准兼容模式开启。 
  return (document.compatMode == "CSS1Compat")? 
  document.documentElement.clientHeight: 
  document.body.clientHeight; 
 } 
 </script> 
 <script type="text/javascript"> 
 //图片查询中正对浏览器主页面滚动事件处理(瀑布流)。只能使用window方式绑定，使用document方式不起作用 
 $(window).on('scroll',function(){ 
  if(scrollTop() + windowHeight() >= (documentHeight() - 50/*滚动响应区域高度取50px*/)){ 
   waterallowData(); 
  } 
 }); 
  
 function waterallowData(){ 
  $('.waterfllow-loading').addClass('active'); 
    
  /*$.ajax({ 
   url:url, 
   type:"post", 
   data: params, 
   success:function(data,textStatus,jQXHR){ 
    //添加数据 
    ... 
  
    //隐藏加载条 
    $('.waterfllow-loading.active').removeClass('active'); 
   } 
  });*/ 
 }