• 不同浏览器下的窗口大小


    获得浏览器窗口的尺寸(浏览器的视口,不包括工具栏和滚动条)的方法:

    一、对于IE9+、Chrome、Firefox、Opera 以及 Safari:

    •  window.innerHeight - 浏览器窗口的内部高度

    •  window.innerWidth - 浏览器窗口的内部宽度

    二、对于 Internet Explorer 8、7、6、5:

    •  document.documentElement.clientHeight表示HTML文档所在窗口的当前高度。

    •  document.documentElement.clientWidth表示HTML文档所在窗口的当前宽度。

    或者

    Document对象的body属性对应HTML文档的<body>标签

    •  document.body.clientHeight

    •  document.body.clientWidth

    解决方案:

    var w=document.documentElement.clientWidth||document.body.clientWidth;

    var h=document.documentElement.clientHeight||document.body.clientHeight;

     

    两种方案是有所区别的,记住body与浏览器之间有个默认的margin!

    document.body.xxxx 获取的是执行到该语句时body的长和宽。

    另一种获得浏览器宽和高的方案:

    document.write(window.innerHeight + "<br/>");
    document.write(window.innerWidth);

  • 相关阅读:
    tool公用工具方法
    angular5.x 拦截器 switchMap
    angular5.x拦截器 给get post请求添加参数user_token
    flex布局 阮一峰
    json.stringify()和json.parse()
    年份月数天数
    打印字母塔
    打印形状
    打印九九乘法表
    C语言猜数字游戏
  • 原文地址:https://www.cnblogs.com/monica123456/p/6474760.html
Copyright © 2020-2023  润新知