client可视区
client翻译过来就是客户端,我们使用client系列的相关属性来获取元素可视区的相关信息。通过client系列的相关属性可以动态的得到该元素的边框大小、元素大小等。
offsetWidth or offsetHeight能获取盒子的contentwidth+padding+margin
类似于box-sizing属性
![](https://img-blog.csdnimg.cn/2b2b154d44d3442d96d41bb41a15ea99.png)
JS中~立即执行函数
语法结构:
1、(function( ) { } ( ));
2、(function( ) { } ) ( );
![](https://img-blog.csdnimg.cn/d55c6ee6027949cca48555623dcdeff2.png)
scroll系列
scroll滚动,我们使用scroll系列的相关属性可以动态的得到该元素的大小、滚动距离等。
![](https://img-blog.csdnimg.cn/cbb703d2103d4e9d8f834b1f619996d9.png)
![](https://img-blog.csdnimg.cn/ff568237527d4cb7b8fa589f1d6cadf5.png)
offsetWidth、clientWidth、scrollWidth三者的区别
![](https://img-blog.csdnimg.cn/a22f9ecfb4e44627a7df11367b175b34.png)
1.offset系列经常用于获得元素位置offsetLeft offsetTop
2. client经常用于获取元素大小clientWidth clientHeight
3. scroll经常用于获取滚动距离 scrollTop、scrollLeft
4.注意页面滚动的距离通过window. pageXOffset获得
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)