[转]JavaScript 获得页面区域大小的代码

JavaScript 获得页面区域大小的代码

getPageSize函数返回一个数组,前两个是整个页面的宽度和高度,后两个是页面窗口的宽度和高度 

function getPageSize() 

    {
        var xScroll, yScroll;
        
if (window.innerHeight && window.scrollMaxY)
        {
            xScroll 
= document.body.scrollWidth;
            yScroll 
= window.innerHeight + window.scrollMaxY;
        } 
        
else if (document.body.scrollHeight > document.body.offsetHeight) 
        {
            xScroll 
= document.body.scrollWidth;
            yScroll 
= document.body.scrollHeight;
        } 
        
else 
        {
            xScroll 
= document.body.offsetWidth;
            yScroll 
= document.body.offsetHeight;
        }
        var windowWidth, windowHeight;
        
if (self.innerHeight) 
        {
            windowWidth 
= self.innerWidth;
            windowHeight 
= self.innerHeight;
        } 
        
else if (document.documentElement && document.documentElement.clientHeight) 
        {
            windowWidth 
= document.documentElement.clientWidth;
            windowHeight 
= document.documentElement.clientHeight;
        } 
        
else if (document.body) 
        {
            windowWidth 
= document.body.clientWidth;
            windowHeight 
= document.body.clientHeight;
        }
        
if (yScroll < windowHeight) 
        {
            pageHeight 
= windowHeight;
        } 
        
else 
        {
            pageHeight 
= yScroll;
        }
        
if (xScroll < windowWidth) 
        {
            pageWidth 
= windowWidth;
        } 
        
else 
        {
            pageWidth 
= xScroll;
        }
        arrayPageSize 
= new Array(pageWidth, pageHeight, windowWidth, windowHeight);
        
return arrayPageSize;
    }
原文地址:https://www.cnblogs.com/wubiyu/p/1293792.html