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


  • 相关阅读:
    Hibernate在自由状态和持久的状态转变
    JS日期时间选择器
    LevelDB初体验
    java多线程样例
    PHP 的解压缩ZipArchive中的extractTo()方法 LINUX+nginx环境中解压zip时文件丢失的问题
    JavaScript--基于对象的脚本语言学习笔记(三)
    什么是消息队列?
    android 环境使用smack 必须注冊的组件
    AssetManager asset的使用
    键盘过滤驱动
  • 原文地址:https://www.cnblogs.com/jcomet/p/1242790.html
Copyright © 2011-2022 走看看