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

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

2008-09-19 00:58 369 查看
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;

    }
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: