zoukankan      html  css  js  c++  java
  • Js获取标签高度

     能力有限:问个问题,标签相对页面高度,是怎么写?

    1. 鼠标的横坐标,X轴:  event.clientX;
    2. 鼠标的竖坐标,Y轴:  event.clientY;
    3. 网页可见区域宽:      document.body.clientWidth;
    4. 网页可见区域高:          document.body.clientHeight;
    5. 网页可见区域高(包括边线的宽): document.body.offsetHeight;
    6. 网页正文全文宽:      document.body.scrollWidth;
    7. 网页正文全文高:      document.body.scrollHeight;
    8. 网页被卷去的左:    document.body.scrollLeft;  
    9. 网页正文部分上:      window.screenTop;
    10. 网页正文部分左:      window.screenLeft;
    11. 屏幕分辨率的高:      window.screen.height;
    12. 屏幕分辨率的宽:    window.screen.width;
    13. 屏幕可用工作区高度:    window.screen.availHeight;
    14. 屏幕可用工作区宽度:    window.screen.availWidth;
    15. 标签内部高度:        divHg.clientHeight;     divHg为对象: var divHg = document.getElementById("xxxxx");
    16. 标签内部高度:        divWd.clientWidth;     divWd为对象: var divWd = document.getElementById("xxxxx");

    =================================Script使用例子===================================

    var divHg = document.getElementById("tit");//标签id
    var divWd = document.getElementById("tit");//标签id
    var s ="鼠标的横坐标,X轴:"+ event.clientX;
    s += " 鼠标的竖坐标,y轴:"+ event.clientY;
    s += " 网页可见区域宽 :"+ document.body.clientWidth;
    s += " 网页可见区域高:"+ document.body.clientHeight;
    s += " 网页可见区域高:"+ document.body.offsetHeight +" (包括边线的宽)";
    s += " 网页正文全文宽:"+ document.body.scrollWidth;
    s += " 网页正文全文高:"+ document.body.scrollHeight;
    s += " 网页被卷去的高:"+ document.body.scrollTop;
    s += " 网页被卷去的左:"+ document.body.scrollLeft;
    s += " 网页正文部分上:"+ window.screenTop;
    s += " 网页正文部分左:"+ window.screenLeft;
    s += " 屏幕分辨率的高:"+ window.screen.height;
    s += " 屏幕分辨率的宽:"+ window.screen.width;
    s += " 屏幕可用工作区高度:"+ window.screen.availHeight;
    s += " 屏幕可用工作区宽度:"+ window.screen.availWidth;
    s += " 标签内部高度:"+ divHg.clientHeight;
    s += " 标签内部宽度:"+ divWd.clientWidth;
    alert(s);

  • 相关阅读:
    【LeetCode】46. 全排列(回溯)
    [P2894][USACO08FEB] 酒店Hotel (线段树+懒标记下传)
    [P2680][NOIP2015T6] 运输计划 (LCA+树上差分+二分)
    静态主席树学习笔记
    [P1941][NOIP2014T3] 飞扬的小鸟 (0/1背包+完全背包)
    [P1084][NOIP2012T6] 疫情控制 (二分+贪心+LCA)
    [P3959][NOIP2017T5] 宝藏 (状压DP+DFS)
    [P2679][NOIP2015T5] 子串 (DP+滚动数组)
    [P1314][NOIP2011T5] 聪明的质检员 (二分+前缀和)
    [P1966][NOIP2013T2] 火柴排队 (求逆序对+归并排序/树状数组)
  • 原文地址:https://www.cnblogs.com/lbjz/p/3495110.html
Copyright © 2011-2022 走看看