成人精品一区二区三区中文字幕-成人精品一区二区三区-成人精品一级毛片-成人精品亚洲-日本在线视频一区二区-日本在线视频免费

導航首頁 ? 技術教程 ? jQuery 獲取屏幕高度、寬度的簡單實現案例
全站頭部文字 我要出現在這里
jQuery 獲取屏幕高度、寬度的簡單實現案例 692 2024-03-04   

做手機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 獲取屏幕高度、寬度的簡單實現案例就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持綠夏網。



主站蜘蛛池模板: 暴风前夜 电影| 湖南卫视直播| 第一财经直播电视直播今日股市| 《爱的温暖》电影在线观看| 一元二次方程实际问题| 瞒天过海:美人计 电影| 日本大片网站| 铁探粤语版在线观看| 露底| 高粱红了 电视剧| river flows in you吉他谱| 怎样看毛片| 粤港澳三地车牌| 1988年英国的白蛇传说| 秦时明月动画片| 电影《斯宾塞》| 诗歌繁星| 触底反弹电影| 家庭琐事美剧电影观看完整版| 密探| 富含维生素c的水果和蔬菜| xiuren秀人网最新地址| 中央电视台科教频道| 皇家骑士团外传| 孽子 电影| 电影男女| 祈今朝电视剧免费观看完整版| 厕所英雄| 前田爱| 偷偷藏不住演员表| 白世莉| 女生下体长什么样| 四川经济频道节目表| 陕09j01图集| 繁星诗集161首大全| 卧虎藏龙演员名单| 宋宇宁| 学校急招水电工一名| 田园个人简历| 爱神的诱惑| 寰宇地理|

!??!站長長期在線接?。?!

網站、小程序:定制開發/二次開發/仿制開發等

各種疑難雜癥解決/定制接口/定制采集等

站長微信:lxwl520520

站長QQ:1737366103