彩世界平台-彩世界时时app-彩世界开奖app苹果下载

热门关键词: 彩世界平台,彩世界时时app,彩世界开奖app苹果下载

您的位置:彩世界平台 > 活动会议 > jQuery 获取屏幕高度、宽度的简单实现案例,jqu

jQuery 获取屏幕高度、宽度的简单实现案例,jqu

发布时间:2019-12-10 06:45编辑:活动会议浏览(166)

    做手机Web开发做浏览器兼容用到了,所以在网上找了些汇总下。

    jQuery 获取屏幕高度、宽度的简单实现案例,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 获取屏幕高度、宽度的简单实现案例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持帮客之家。

    获取屏幕高度、宽度的简单实现案例,jquery案例 做手机Web开发做浏览器兼容用到了,所以在网上找了些汇总下。 alert($(window).height()...

    alert; //浏览器当前窗口可视区域高度 alert; //浏览器当前窗口文档的高度 alert.height;//浏览器当前窗口文档body的高度 alert.outerHeight;//浏览器当前窗口文档body的总高度 包括border padding margin alert; //浏览器当前窗口可视区域宽度 alert;//浏览器当前窗口文档对象宽度 alert.width;//浏览器当前窗口文档body的高度 alert.outerWidth;//浏览器当前窗口文档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  { // 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  { // 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;$;
    

    本文由彩世界平台发布于活动会议,转载请注明出处:jQuery 获取屏幕高度、宽度的简单实现案例,jqu

    关键词: