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

     
     
     





  • 相关阅读:
    WPF Expander 炫酷自定义Style
    C#8.0 中的 【索引与范围】
    Windows的图形设备接口与Windows绘图
    第一个Windows窗口应用程序
    0-1背包问题的分枝—限界算法
    哈密尔顿回路(旅行售货员问题)的回溯算法
    背包问题的贪心算法
    实现矩阵连乘的动态规划算法
    用分治策略实现棋盘覆盖问题
    sql注入实例分析
  • 原文地址:https://www.cnblogs.com/mmyh/p/7238271.html
Copyright © 2011-2022 走看看