中文字幕免费精品_亚洲视频自拍_亚洲综合国产激情另类一区_色综合咪咪久久

下面小編就為大家帶來一篇jQuery 獲取屏幕高度、寬度的簡單實現案例。小編覺得挺不錯的，現在分享給大家，也給大家做個參考。

做手機Web開發做瀏覽器兼容用到了，所以在網上找了些匯總下。

alert($(window).height()); //瀏覽器當前窗口可視區域高度 

alert($(document).height()); //瀏覽器當前窗口文檔的高度 

alert($(document.body).height());//瀏覽器當前窗口文檔body的高度 

alert($(document.body).outerHeight(true));//瀏覽器當前窗口文檔body的總高度 包括border padding margin 

alert($(window).width()); //瀏覽器當前窗口可視區域寬度 

alert($(document).width());//瀏覽器當前窗口文檔對象寬度 

alert($(document.body).width());//瀏覽器當前窗口文檔body的高度 

alert($(document.body).outerWidth(true));//瀏覽器當前窗口文檔body的總寬度 包括border padding margin 

// 獲取頁面的高度、寬度

function getPageSize() {

  var xScroll, yScroll;

  if (window.innerHeight && window.scrollMaxY) {

    xScroll = window.innerWidth + window.scrollMaxX;

    yScroll = window.innerHeight + window.scrollMaxY;

  } else {

    if (document.body.scrollHeight > document.body.offsetHeight) { // all but Explorer Mac  

      xScroll = document.body.scrollWidth;

      yScroll = document.body.scrollHeight;

    } else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari  

      xScroll = document.body.offsetWidth;

      yScroll = document.body.offsetHeight;

    }

  }

  var windowWidth, windowHeight;

  if (self.innerHeight) { // all except Explorer  

    if (document.documentElement.clientWidth) {

      windowWidth = document.documentElement.clientWidth;

    } else {

      windowWidth = self.innerWidth;

    }

    windowHeight = self.innerHeight;

  } else {

    if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode  

      windowWidth = document.documentElement.clientWidth;

      windowHeight = document.documentElement.clientHeight;

    } else {

      if (document.body) { // other Explorers  

        windowWidth = document.body.clientWidth;

        windowHeight = document.body.clientHeight;

      }

    }

  }    

  // for small pages with total height less then height of the viewport  

  if (yScroll < windowHeight) {

    pageHeight = windowHeight;

  } else {

    pageHeight = yScroll;

  }  

  // for small pages with total width less then width of the viewport  

  if (xScroll < windowWidth) {

    pageWidth = xScroll;

  } else {

    pageWidth = windowWidth;

  }

  arrayPageSize = new Array(pageWidth, pageHeight, windowWidth, windowHeight);

  return arrayPageSize;

}

// 滾動條

document.body.scrollTop;

$(document).scrollTop();

以上這篇jQuery 獲取屏幕高度、寬度的簡單實現案例就是小編分享給大家的全部內容了，希望能給大家一個參考