JavaScript中的offset家族和client家族的区别?

offset家族

offsetWidth:content宽度 + padding宽度 + border宽度

offsetHeight:content高度 + padding高度 + border高度

offsetLeft:自身盒子边界的距离到浏览器左边窗口的距离

offsetTop:自身盒子边界的距离到浏览器上边窗口的距离

client家族

clientWidth:content宽度 + padding宽度

clientHeight:content高度 + padding高度

clientLeft:自身盒子左边border的宽度

clientTop:自身盒子上边border的宽度

-- --
-- ------
    ---
        -- ------
        -- ------
            - -
                -- --
            -
            - -
                -- ---
                -- ---
                -- --
                -- ---
                -- -- - --
                -- -- ---
            -
        ---
    ---
    ---
        -- ---------
        -- ------
            - - - ------

            - -
            -------- - -
            -------- - -
            -------- - -
            -------- - -

            - -
            -------- - -
            -------- - -
            -------- - -
            -------- - -
        ---
    ---
---
没有字符,就没有报酬。