js獲取文件頁面的尺寸包括滾動條部分

antzone發表於2017-03-29

在實際應用中,可能不僅僅要獲取我們當前看到的頁面尺寸,而且要獲取滾動條遮擋部分的頁面尺寸。

下面就通過一段程式碼例項做一下簡單介紹。

程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
function getFullSize(){
  var w = Math.max(document.documentElement.clientWidth, document.body.clientWidth) +
          Math.max(document.documentElement.scrollLeft, document.body.scrollLeft);
  var h = Math.max(document.documentElement.clientHeight, document.body.clientHeight) +
          Math.max(document.documentElement.scrollTop, document.body.scrollTop);
  w = Math.max(document.documentElement.scrollWidth, w);
  h = Math.max(document.documentElement.scrollHeight, h);
  return {
    "w": w,
    "h": h
  };
}

上面的程式碼實現了我們的要求,下面介紹一下它的實現過程,直接呼叫就可以了,能夠相容當前所有的主流瀏覽器。


相關文章