您的位置:首页 > Web前端 > JQuery

jQuery 获取屏幕高度、宽度

2015-09-28 15:33 666 查看

jQuery获取屏幕高度、宽度
做手机Web开发做浏览器兼容用到了,所以在网上找了些汇总下。
alert($(window).height());//浏览器当前窗口可视区域高度
alert($(document).height());//浏览器当前窗口文档的高度
alert($(document.body).height());//浏览器当前窗口文档body的高度
alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度包括border
paddingmargin
alert($(window).width());//浏览器当前窗口可视区域宽度
alert($(document).width());//浏览器当前窗口文档对象宽度
alert($(document.body).width());//浏览器当前窗口文档body的高度
alert($(document.body).outerWidth(true));//浏览器当前窗口文档body的总宽度包括border
paddingmargin
 
//获取页面的高度、宽度
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)
{// otherExplorers   
               windowWidth = document.body.clientWidth;
               windowHeight = document.body.clientHeight;
           }
       }
   }      

   // for small pageswith total height less then height of the
viewport   
   if (yScroll < windowHeight) {
       pageHeight = windowHeight;
   }else {
       pageHeight = yScroll;
   }   

   // for small pageswith 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();
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: