zoukankan      html  css  js  c++  java
  • 常见Js获取高宽度的方法

    获取高宽度

    浏览器窗口可视区域大小  在不同浏览器都实用的 JavaScript 方案:

    var w= document.documentElement.clientWidth

    || document.body.clientWidth;

    var h= document.documentElement.clientHeight

    || document.body.clientHeight;

    网页尺寸scrollHeight

    var w=document.documentElement.scrollWidth

    || document.body.scrollWidth;

    var h=document.documentElement.scrollHeight

    || document.body.scrollHeight;

     

    网页可见区域宽: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

    获取滚动条的高度:document.body.scrollTop

     
    jquery:
    $(document).height();

    Jquery

    alert($(window).height());//浏览器当前窗口可视区域高度

    alert($(document).height());//浏览器当前窗口文档的高度

    alert($(document.body).height());//浏览器当前窗口文档body的高度

    alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin

    alert($(window).width());//浏览器当前窗口可视区域宽度

    alert($(document).width());//浏览器当前窗口文档对象宽度

    alert($(document.body).width());//浏览器当前窗口文档body的宽度

    alert($(document.body).outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin

     
     
     





  • 相关阅读:
    LR实战之Discuz开源论坛——安装及简介
    LR如何利用siteScope监控MySQL性能
    初学SSH(其一)
    使用JUnit单元测试入门
    理解java中【同步】和【死锁】
    LR性能测试应用
    (28)ElasticSearch分布式架构特点
    (27)ElasticSearch 复合查询
    (06)Gitlab设置开启自启动、关闭开机自启动
    (05)安装GitLab
  • 原文地址:https://www.cnblogs.com/mmyh/p/7238271.html
Copyright © 2011-2022 走看看