zoukankan      html  css  js  c++  java
  • 获取各环境下的页面尺寸信息

    js代码

    //获取各环境下的页面尺寸信息
    function GetPageSize() {
        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) {
            // 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;
        }
        var scrollPos; 
        if (typeof window.pageYOffset != 'undefined') {
            scrollPos = window.pageYOffset;
        } 
        else if (typeof document.compatMode != 'undefined' && document.compatMode != 'BackCompat') { 
            scrollPos = document.documentElement.scrollTop;
        }
        else if (typeof document.body != 'undefined') {
            scrollPos = document.body.scrollTop;
        }
        var pageW = (scrW<winW) ? winW : scrW;
        var pageH = (scrH<winH) ? winH : scrH;
    
        return {PageW:pageW, PageH:pageH, WinW:winW, WinH:winH,scroll:scrollPos};
    }
    
    var asd=GetPageSize();
    
    console.log(asd);

  • 相关阅读:
    MVC框架简介
    模型-视图-控制器模式
    高德地图基本开发
    质量属性的六个常见属性场景分析
    架构漫谈读后感
    第十周
    第九周总结
    第八周总结
    springboot基于mybatis的pegehelper分页插件
    webmagic之爬取数据存储为TXT
  • 原文地址:https://www.cnblogs.com/linyusong/p/9689509.html
Copyright © 2011-2022 走看看