zoukankan      html  css  js  c++  java
  • 三种方法能够确定浏览器窗口的尺寸(浏览器的视口,不包括工具栏和滚动条)

    Window 尺寸

    有三种方法能够确定浏览器窗口的尺寸(浏览器的视口,不包括工具栏和滚动条)。

    对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari:

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

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

    • document.documentElement.clientHeight
    • document.documentElement.clientWidth

    或者

    • document.body.clientHeight
    • document.body.clientWidth

    实用的 JavaScript 方案(涵盖所有浏览器):

    实例

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

    编辑您的代码:

    <!DOCTYPE html>

    <html>

    <body>

    <p id="demo"></p>

    <script>

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

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

    x=document.getElementById("demo"); x.innerHTML="浏览器的内部窗口宽度:" + w + ",高度:" + h + "。"

    </script>

    </body>

    </html>

    查看结果: 

          浏览器的内部窗口宽度:752,高度:400。

     

    该例显示浏览器窗口的高度和宽度:(不包括工具栏/滚动条)

  • 相关阅读:
    mysql 存储过程
    python 模块 SQLalchemy
    python 模块 DButils
    转:6410中断控制详解
    ARM中MMU地址转换理解
    ok6410内存初始化
    ARM时钟初始化
    ARM处理器启动流程
    uboot启动流程
    ARM处理器启动流程
  • 原文地址:https://www.cnblogs.com/zifashaonian10000/p/4221736.html
Copyright © 2011-2022 走看看