1. 程式人生 > >獲取頁面高度和寬度等

獲取頁面高度和寬度等

  1. 獲取頁面相關的高度
  • 獲取網頁可見區域的高(不包括選單欄)
var clientHeight = document.documentElement.clientHeight || document.body.clientHeight;
  • 獲取頁面body的高(不包括選單欄,包括滾動條滾動的高度)
var bodyHeight =  document.documentElement.offsetHeight ||  document.body.offsetHeight;
  • 獲取滾動條捲起的高度
var screenScrollTop = document.documentElement.scrollTop || document.body.scrollTop;
  1. 獲取頁面相關寬度
  • 獲取頁面可視區域寬度(不包括包括滾動條,滾動條的寬度一般是17px)
 var clientWidth = document.documentElement.clientWidth || document.body.clientWidth;
  • 獲取整個螢幕的寬度(包括滾動條)
var screenWidth =  window.innerWidth;