zoukankan      html  css  js  c++  java
  • clientWidth clientHeight offsetWidth offsetHeight

    <!--
    一 :不包含border大小
    clientWidth width + padding 元素的宽度 + 左右padding的宽度(不包含border)
    clientHeight height + padding 元素的高度 + 上下padding的高度(不包含border)
    clientLeft border 的大小 (如boder: 3px solid #000 那么clientLeft,clientTop === 3)
    clientTop border 的大小 (如boder: 3px solid #000 那么clientLeft,clientTop === 3)


    二:包含border大小
    offsetWidth width + padding + border 元素的宽度 + 左右padding的宽度 + boder
    offsetHeight height + padding + border 元素的高度 + 上下padding的高度 + boder

    offsetLeft 当前元素 左边框 外边缘 到 最近的已定位父级(offsetParent)左边框 内边缘的距离。
    如果父级都没有定位,则分别是到body 顶部 和左边的距离

    offsetTop 当前元素 上边框 外边缘 到 最近的已定位父级(offsetParent) 上边框 内边缘的 距离。
    如果父级都没有定位,则分别是到body 顶部 和左边的距离

    三:不包含border大小
    scrollWidth width + padding 元素的宽度 + 左右padding的宽度(不包含border)
    scrollHeight height + padding 元素的高度 + 上下padding的高度(不包含border)
    -->
     
  • 相关阅读:
    在关闭窗体时弹出对话框
    使应用程序在进程中消失
    禁用窗口上的关闭按钮
    洛谷P1080 国王游戏
    洛谷P1443 马的遍历
    算法竞赛入门经典第二版 随笔1
    AcWing 794. 高精度除法
    AcWing 793. 高精度乘法
    AcWing 792. 高精度减法
    AcWing 791. 高精度加法
  • 原文地址:https://www.cnblogs.com/javascript9527/p/14741528.html
Copyright © 2011-2022 走看看