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);
    }
  • 相关阅读:
    JS_判断浏览器.
    JQ_使用AJAX获取SINA股票代码
    Struts2中的OGNL详解
    CSS原理与CSS经验分享
    Struts 与 Velocity 的集成
    30条HTML代码编写指南 for入门者
    OGNL使用小结
    Visual C++ 6.0 插件系列介绍
    C语言编译过程总结详解
    Web.xml配置详解
  • 原文地址:https://www.cnblogs.com/gongshunkai/p/5871297.html
Copyright © 2011-2022 走看看