javascript 获取当前页面可视高度和宽度的函数

最新推荐文章于 2025-09-10 19:44:49 发布

weixin_34127717

最新推荐文章于 2025-09-10 19:44:49 发布

阅读量142

点赞数

CC 4.0 BY-SA版权

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/wbo0801/blog/300363

本文介绍了一种使用JavaScript来获取网页尺寸的方法。通过检查不同的浏览器特性，如window对象、document对象等，来确定页面的实际宽度和高度。该方法适用于各种浏览器环境，包括IE和现代浏览器。

2019独角兽企业重金招聘Python工程师标准>>>

    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
            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
        var pageWidth,pageHeight;
        if(yScroll < windowHeight){
            pageHeight = windowHeight;
        }else{
            pageHeight = yScroll;
        }

        if(xScroll < windowWidth){
            pageWidth = windowWidth;
        }else{
            pageWidth = xScroll;
        }
        return {
            "pageWidth":pageWidth,
            "pageHeight":pageHeight
        }
    }
//alert(getPageSize().pageHeight)

转载于:https://my.oschina.net/wbo0801/blog/300363