zoukankan      html  css  js  c++  java
  • JavaScript获取窗口的高度和宽度

    网页可见区域宽:"+   document.body.clientWidth;
    网页可见区域高:"+   document.body.clientHeight;
    网页可见区域宽:"+   document.body.offsetWidth     +"   (包括边线和滚动条的宽)";
    网页可见区域高:"+   document.body.offsetHeight   +"   (包括边线的宽)";
    网页正文全文宽:"+   document.body.scrollWidth;
    网页正文全文高:"+   document.body.scrollHeight;
    网页被卷去的高:"+   document.body.scrollTop;
    网页被卷去的左:"+   document.body.scrollLeft;
    网页正文部分上:"+   window.screenTop;
    网页正文部分左:"+   window.screenLeft;
    屏幕分辨率的高:"+   window.screen.height;
    屏幕分辨率的宽:"+   window.screen.width;
    屏幕可用工作区高度:"+   window.screen.availHeight;
    屏幕可用工作区宽度:"+   window.screen.availWidth;
    你的屏幕设置是   "+   window.screen.colorDepth   +"   位彩色";
    你的屏幕设置   "+   window.screen.deviceXDPI   +"   像素/英寸";

    特殊1、
    document.body.scrollTop总为0的解决方法
    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;
    }
    alert(scrollPos );

    特殊2、
    网页正文全文宽:"+   document.body.scrollWidth;
    网页正文全文高:"+   document.body.scrollHeight;
    以上函数有时获取不了,就用一下方法。
            var xScroll, yScroll;
            if (window.innerHeight && window.scrollMaxY)
            {
                xScroll = document.body.scrollWidth;
                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;
            }


  • 相关阅读:
    windows下常用linux对应工具
    常用工具备忘
    spring使用@Value标签读取.properties文件的中文乱码问题的解决
    一致性哈希算法(适用于分库分表、RPC负载均衡)转
    使用事件和消息队列实现分布式事务(转+补充)
    关于架构优化和设计,架构师必须知道的事情(转)
    做了 3 年企业级 SaaS,我收获的 10 点心得(转)
    这五件事,二次SaaS创业的老炮儿都在做(转)
    阿里云端口失效导致tomcat无法对外提供服务
    SaaS公司融资的「22条军规 」(转)
  • 原文地址:https://www.cnblogs.com/jcomet/p/1242790.html
Copyright © 2011-2022 走看看