码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2014-08-12 17:46:04      阅读:226      评论:0      收藏:0      [点我收藏+]

标签:java   io   for   ar   cti   amp   javascript   size   

    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)


javascript 获取当前页面可视高度和宽度的函数,布布扣,bubuko.com

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

标签:java   io   for   ar   cti   amp   javascript   size   

原文地址:http://my.oschina.net/wbo0801/blog/300363

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!