下面小編就為大家?guī)硪黄猨Query 獲取屏幕高度、寬度的簡(jiǎn)單實(shí)現(xiàn)案例。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。

做手機(jī)Web開發(fā)做瀏覽器兼容用到了，所以在網(wǎng)上找了些匯總下。

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

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

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

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

alert($(window).width()); //瀏覽器當(dāng)前窗口可視區(qū)域?qū)挾?nbsp;

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

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

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

// 獲取頁(yè)面的高度、寬度

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;

}

// 滾動(dòng)條

document.body.scrollTop;

$(document).scrollTop();

以上這篇jQuery 獲取屏幕高度、寬度的簡(jiǎn)單實(shí)現(xiàn)案例就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考