js获取 offsetHeight、scrollHeight、scrollTop、target和currentTarget等具体含义

在使用js进行一些特效时，经常需要用到这几个参数，特记录如下：

offsetHeight 和 offsetWidth

指的是容器展示区的高度，不包含滚动条的高度，如下图所示：

image.png

scrollHeight 和 scrollWidth

这两个值获取的是整个内容去的高度和宽度，包括由于出现滚动条而隐藏的内容的宽高，如下图所示：

image.png

scrollTop

表示的是在有滚动条的情况下， 获取到的滚动条滚动的距离

Event.target 和 Event.currentTarget

触发一个事件时，分为三个阶段：捕获阶段、目标阶段和冒泡阶段

当事件流处于目标阶段时，Event.target = Event.currentTarget；
当处于捕获阶段和冒泡阶段时，Event.target指向的还是目标元素，而Event.currentTarge大多指向的时目标元素的父元素