首页 > 编程语言 > 详细

javascript获取浏览器窗口大小办法

时间:2015-09-28 23:34:51      阅读:281      评论:0      收藏:0      [点我收藏+]

四个属性:

1:outerWidth  2:outerHeight  3:innerWidth  4:innerHeight

经最新版本的浏览器(Chrom IE Firefox Opera)测试,初步结果如下:

 

   1:outerWidth与outerHeight  

IE9+,Safari,Firefox :窗口本身加边框(指的是整个Brower);

Chrom,Opera: 页面视图容器(不包含边框) 。

   2:innerWidth,innerHeight

IE9+,Safari,Firefox :可视区域;

Chrom,Opera: 可视区域 。

 

获取可视区域宽度和高度的跨浏览器兼容性方法:


var pageWidth = window.innerWidth,
                pageHeight = window.innerHeight;  
        if(typeof pageWidth != "number"){  //IE兼容性问题
            if(document.compatMode == "CSS1Compat"){
                  pageWidth = document.documentElement.clientWidth;  //适合移动版IE     其他移
                                //浏览器中获取的是页面渲染后的实际大小
                  pageHeight = document.documentElement.clientHeight;   //只有IE在标准模式下有用
            } else{
                pageWidth = document.body.clientWidth;   //混杂模式下的IE
                pageHeight = document.body.clientHeight;
            }
        }

javascript获取浏览器窗口大小办法

原文:http://www.cnblogs.com/Frank-C/p/4845179.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!