/**
 * @description js自定义获取浏览器宽高
 *
 * IE8 和 IE8 以下的浏览器不兼容
 * window.innerWidth
 * window.innerHeight
 *
 * html 头文件部加 <!doctype html>  表示启用标准模式
 * 标准模式 兼容所有浏览器
 *
 * document.body.clientWidth
 * document.body.clientHeight
 *
 * document.documentElement.clientWidth
 * document.documentElement.clientHeight
 *
 * @returns {width:0,height:0}
 */
function getViewPortOffset(){
    if(window.innerWidth){
        return {
            width:window.innerWidth,
            height:window.innerHeight
        }
    }else{
        //混杂模式（兼容IE8以下）
        if(document.compatMode == 'BackCompat'){
            return{
                width:document.body.clientWidth,
                height:document.body.clientHeight
            }
        }else{
            return {
                width:document.documentElement.clientWidth,
                height:document.documentElement.clientHeight
            }
        }
    }
}

最新文章

  1. hihocoder挑战赛13A
  2. 决策树的python实现
  3. [整理]S-Record数据格式解析
  4. 远程调试Java程序
  5. js实现对身份证校验
  6. C#创建Windows服务入门图解（VS2010）
  7. Swift构造器（Initializer）与析构器（Deinitializer）
  8. .net发邮件
  9. android 自定义百度地图放大缩小
  10. hdu--1013--Digital Roots（字符串）
  11. SQL注入详解
  12. python实现斐波那契数列(Fibonacci sequence)
  13. JQuery基本知识、选择器、事件、DOM操作、动画
  14. 显示Linux进程打开了哪些文件？ 用lsof命令
  15. centos开发环境安装的备忘
  16. python textwrap的使用
  17. HTML常用标签3
  18. CF1070L Odd Federalization 高斯消元
  19. FZU软工实践–团队成员交换交接情况
  20. javax.inject包

热门文章

  1. animation 动画 与 transition
  2. 【JMeter_14】JMeter逻辑控制器__交替控制器&lt;Interleave Controller&gt;
  3. Java 多线程基础（六）线程等待与唤醒
  4. Tensorflow与Keras自适应使用显存
  5. python设计模式之模版方法设计模式
  6. mycat增加开机自启
  7. Feign拦截器应用 （F版）
  8. 2020年学习目标之一——emacs
  9. CentOS 6.4 安装 rar软件（tar.gz 包）并注册成功
  10. Oracle查询表空间使用率很慢