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

導航首頁 ? 技術教程 ? jQuery 獲取屏幕高度、寬度的簡單實現案例
全站頭部文字 我要出現在這里
jQuery 獲取屏幕高度、寬度的簡單實現案例 690 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 獲取屏幕高度、寬度的簡單實現案例就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持綠夏網。



主站蜘蛛池模板: 香港九龙图库精选资料| 疯狂72小时演员表| 黑暗时刻| 阴阳先生第一季| 霜雪千年简谱| 啄木鸟丝袜| 卡通动漫图片| 高清影视图库| 炊事班的故事演员表| 帕米尔的春天笛子独奏| 电影《七三一》| 胖猫表情包| 狂野殴美激情性bbbbbb| 刘慧茹| 仁爱版九年级英语上册教案| 大胆艺术| 来不及说我爱你免费全集在线观看| 奇爱博士| 好心人| 小城故事多歌曲原唱| 国内自拍99| 郑俊河| 二年级上册音乐教案全册| 格伦鲍威尔| 内裤之穴| 如意电视剧| 绷带怪人| 刘思维| 电影喜剧明星演员表| andrew blake| 卡士酸奶尽量少吃| 黑帮大佬和我的第365天| 科室对分级护理落实情况检查记录| a级在线| 2016美国大选| 康熙王朝50集版免费观看 | 第一财经直播电视直播今日股市| 一句话让老公下面硬| av毛片免费看| 卢载铉| 金珠主演电影韩剧|

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

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

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

站長微信:lxwl520520

站長QQ:1737366103