zoukankan      html  css  js  c++  java
  • 不同浏览器下的窗口大小

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

    一、对于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);

  • 相关阅读:
    asp之GetArray提取链接地址,以$Array$分隔的代码
    冒泡排序的优化
    Shell中, 退出整个脚本
    Shell中的算术运算(译)
    天黑了
    你猜
    2015-12-08
    Aspen
    Spring字符集过滤器CharacterEncodingFilter
    UILocalNotification ios本地推送
  • 原文地址:https://www.cnblogs.com/monica123456/p/6474760.html
Copyright © 2011-2022 走看看