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


  • 相关阅读:
    HDU 3829 Cat VS Dog (最大独立集)【二分图匹配】
    POJ 2594 Treasure Exploration (Floyd+最小路径覆盖)
    HDU 1054 Strategic Game (最小点覆盖)【二分图匹配】
    HDU 4185 Oil Skimming 【最大匹配】
    HDU 2389 Rain on your Parade 最大匹配(模板题)【HK算法】
    HDU 1281 棋盘游戏 (枚举+最大匹配)
    HDU 1045 Fire Net 【二分图匹配】
    POJ 1904 King's Quest (强连通分量+完美匹配)
    HDU 4635 Strongly connected (强连通分量+缩点)
    POJ 2631 Roads in the North (模板题)(树的直径)
  • 原文地址:https://www.cnblogs.com/jcomet/p/1242790.html
Copyright © 2011-2022 走看看