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;
            }


  • 相关阅读:
    Json Web Token
    logstash 收集 IIS 日志实践
    Lucene Query In Kibana
    autofac 在.net core 与经典asp.net中的差异
    .net core 集成 autofac.
    向量化
    神经网络学习1
    漏斗限流
    正则化(Regularization)
    简单限流
  • 原文地址:https://www.cnblogs.com/jcomet/p/1242790.html
Copyright © 2011-2022 走看看