做手機(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ū)挾?alert($(document).width());//瀏覽器當(dāng)前窗口文檔對象寬度 alert($(document.body).width());//瀏覽器當(dāng)前窗口文檔body的高度 alert($(document.body).outerWidth(true));//瀏覽器當(dāng)前窗口文檔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;} // 滾動(dòng)條document.body.scrollTop;$(document).scrollTop();以上這篇jQuery 獲取屏幕高度、寬度的簡單實(shí)現(xiàn)案例就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持武林網(wǎng)。
新聞熱點(diǎn)
疑難解答