zoukankan      html  css  js  c++  java
  • js获取可视区大小和页面大小的兼容性写法

    var getPageSize = function() {
        var scrW, scrH;
        if(window.innerHeight && window.scrollMaxY) {
            // Mozilla
            scrW = window.innerWidth + window.scrollMaxX;
            scrH = window.innerHeight + window.scrollMaxY;
        }else if(document.body.scrollHeight > document.body.offsetHeight){
            // all but IE Mac
            scrW = document.body.scrollWidth;
            scrH = document.body.scrollHeight;
        }else if(document.body) { // IE Mac
            scrW = document.body.offsetWidth;
            scrH = document.body.offsetHeight;
        }
    
        var winW, winH;
        if(window.innerHeight) { // all except IE
            winW = window.innerWidth;
            winH = window.innerHeight;
        }else if (document.documentElement && document.documentElement.clientHeight || document.documentElement.clientWidth) {
            // IE 6 Strict Mode
            winW = document.documentElement.clientWidth; 
            winH = document.documentElement.clientHeight;
        }else if (document.body) { // other
            winW = document.body.clientWidth;
            winH = document.body.clientHeight;
        }
    
        // for small pages with total size less then the viewport
        var pageW = (scrW<winW) ? winW : scrW;
        var pageH = (scrH<winH) ? winH : scrH;
    
        return{PageW:pageW, PageH:pageH, WinW:winW, WinH:winH};
    };
    
    
    //调用:
    document.onclick = function(){
        var size = getPageSize();
        console.log('页面高度:' + size.PageH + ',可视区高度:' + size.WinH);
    }
  • 相关阅读:
    蛋疼的时候写三消游戏(十一) 圆形时钟
    C# 中的volatile关键字 (我今天才知道)
    第十四周助教总结
    第十周助教总结
    第十二周助教总结
    C语言I博客作业04
    C语言I博客作业05
    C语言I博客作业02
    第十一周助教总结
    第十三周助教总结
  • 原文地址:https://www.cnblogs.com/gongshunkai/p/5871297.html
Copyright © 2011-2022 走看看