zoukankan      html  css  js  c++  java
  • 获取网页可视区域的宽高,不包括工具栏和滚动条(浏览器窗口可视区域大小)

    1.对于IE9+、chrome、firefox、Opera、Safari:

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

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

    2.对于IE8.7.6.5:

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

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

    或者,因为document对象的body属性对应HTML文档的<body>标签,所以也可表示为:

    document.body.clientHeight:表示HTML文档所在窗口的当前高度;

    document.body.clientWidth:表示HTML文档所在窗口的当前宽度;

    3.结论

    document.body.clientWidth/Height:的宽高偏小,高甚至默认200;

    document.documentElement.clientWidth/Height 和 window.innerWidth/Height 的宽高始终相等。

    4.所以在不同浏览器都实用的的Javascripit方案:

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

    5.获取设备的宽高
    var height1=window.screen.height;
    var width1=window.screen.width;
  • 相关阅读:
    51nod 1051【基础】
    HDU5971【瞎搞】
    Lightoj1018 【状压DP】
    HDU2604【矩阵快速幂】
    HDU1501【简单DP】
    HDU3555【数位DP】
    Lightoj1037【状压DP】
    51nod 1099【贪心】
    HDU5950【矩阵快速幂】
    51nod 1049【经典】
  • 原文地址:https://www.cnblogs.com/zousaili/p/9338881.html
Copyright © 2011-2022 走看看