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


  • 相关阅读:
    Django Rest Framework(认证、权限、限制访问频率)
    MySql 三大知识点——索引、锁、事务
    django聚合查询
    Python装饰器用法
    linux上ssh免密登录原理及实现
    为github公开项目单独设置用户名
    golang协程池设计
    Django-Signals信号量
    linux tcp相关参数
    记一次性能优化,限制tcp_timewait数量,快速回收和重用
  • 原文地址:https://www.cnblogs.com/jcomet/p/1242790.html
Copyright © 2011-2022 走看看