zoukankan      html  css  js  c++  java
  • 获取浏览器窗口高度宽度大小js/jquery代码

    一个是利用jquery来实现的,下面是在加入了jquery库的情况下载做的。

     代码如下 复制代码
    <script type="text/javascript">
    $(document).ready(
    function()
    {
    var h = $(window).height();
    alert(h+'http://www.zhutiai.com/5250/');
    }
    )
    </script> 

    在ie 805 
    在ff 下是否 787哦,

    两种浏览器因显示像素不同,是因为浏览对padding和margin的区别引起的。


    js获取浏览器高度和宽度值

    网页可见区域宽: document.body.clientWidth
    网页可见区域高: document.body.clientHeight
    网页可见区域宽: document.body.offsetWidth (包括边线的宽)
    网页可见区域高: document.body.offsetHeight (包括边线的高)
    网页正文全文宽: document.body.scrollWidth
    网页正文全文高: document.body.scrollHeight
    网页被卷去的高: document.body.scrollTop
    网页被卷去的左: document.body.scrollLeft
    网页正文部分上: window.screenTop
    网页正文部分左: window.screenLeft
    屏幕分辨率的高: window.screen.height
    屏幕分辨率的宽: window.screen.width
    屏幕可用工作区高度: window.screen.availHeight
    屏幕可用工作区宽度: window.screen.availWidth

    知道上面的参数后我们就可以方便实现浏览器高度与宽度的代码了

    在没有声明DOCTYPE的IE中,浏览器显示窗口大小只能以下获取:

     代码如下 复制代码
    document.body.offsetWidth
    document.body.offsetHeight
     

    在声明了DOCTYPE的浏览器中,可以用以下来获取浏览器显示窗口大小:

     代码如下 复制代码
    document.documentElement.clientWidth
    document.documentElement.clientHeight
     

    IE,FF,Safari皆支持该方法,opera虽支持该属性,但是返回的是页面尺寸;

    同时,除了IE以外的所有浏览器都将此信息保存在window对象中,可以用以下获取:

     代码如下 复制代码
    window.innerWidth
    window.innerHeight
     

  • 相关阅读:
    防火墙透明模式
    HP管理工具System Management Homepage安装配置
    kbmmw 中JSON 中使用SQL 查询
    kbmmw 中JSON 操作入门
    第一个kbmmw for Linux 服务器
    kbmmw 5.02发布
    kbmmw 5.01 发布
    使用delphi 10.2 开发linux 上的Daemon
    使用unidac 在linux 上无驱动直接访问MS SQL SERVER
    使用delphi 10.2 开发linux 上的webservice
  • 原文地址:https://www.cnblogs.com/phpfans2012/p/2467251.html
Copyright © 2011-2022 走看看