client系列属性 scroll系列属性

client系列
element.clientTop 返回元素上边框的大小
element.clientLeft 返回元素左边框的大小
element.clientWidth 返回自身包括padding 内容区的宽度，不含边框，返回数值不带单位
element.clientHeight 返回自身包括padding 内容区的高度，不含边框，返回数值不带单位

1.立即执行函数：
不需要调用，立马能够自己执行的函数
2.语法：
(function(){})();
(function(){}());
3.立即执行函数最大的作用就是，独立创建了一个作用域，里面所有的变量都是局部变量，不会有命名冲突的情况

scroll系列
element.scrollTop 返回被卷去的上侧距离，返回数值不带单位
element.scrollLeft 返回被卷去的左侧距离，返回数值不带单位
element.scrollWidth 返回自身实际的宽度，不含边框，返回数值不带单位
element.scrollHeight 返回自身实际的高度，不含边框，返回数值不带单位

三大系列总结：
element.offsetWidth:
返回包括padding、边框、内容区的宽度、返回数值不带单位
element.clientWidth：
返回自身包括padding、内容区的宽度、不含边框，返回数值不带单位
element.scrollWidth:
返回自身实际的宽度，不含边框，返回数值不带单位

主要用法：
1.offset系列经常用于获得元素位置 offsetLeft offsetTop
2.client系列经常用于获取元素大小 clientWidth clientHeight
3.scroll系列经常用于获取滚动距离scrollTop scrollLeft
4.注意页面滚动的距离通过window.pageXOffset 获得

标签：返回,不带,系列,数值,element,client,边框,属性
来源： https://blog.csdn.net/m0_52544128/article/details/113276297