admin
管理员
管理员
  • UID1
  • 粉丝2
  • 关注2
  • 发帖数339
  • 社区居民
  • 忠实会员
  • 原创写手
阅读:8939回复:1

jQuery 获取屏幕高度、宽度

楼主#
更多 发布于:2014-02-21 11:29
分享到:
做手机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();
admin
管理员
管理员
  • UID1
  • 粉丝2
  • 关注2
  • 发帖数339
  • 社区居民
  • 忠实会员
  • 原创写手
沙发#
发布于:2014-02-27 23:04
分享到:
游客

返回顶部