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 获得

已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 1024 设计师:白松林 返回首页