padding是外边距还是内边距js中的各种距离
offsetWidth      //返回元素的宽度（包括元素宽度、内边距和边框，不包括外边距）
offsetHeight      //返回元素的⾼度（包括元素⾼度、内边距和边框，不包括外边距）
clientWidth        //返回元素的宽度（包括元素宽度、内边距，不包括边框和外边距）
clientHeight      //返回元素的⾼度（包括元素⾼度、内边距，不包括边框和外边距）
style.width        //返回元素的宽度（包括元素宽度，不包括内边距、边框和外边距）
style.height      //返回元素的⾼度（包括元素⾼度，不包括内边距、边框和外边距）
scrollWidth      //返回元素的宽度（包括元素宽度、内边距和溢出尺⼨，不包括边框和外边距），⽆溢出的情况，与clientWidth相同scrollHeigh      //返回元素的⾼度（包括元素⾼度、内边距和溢出尺⼨，不包括边框和外边距），⽆溢出的情况，与clientHeight相同
1. style.width 返回的是字符串，如28px，offsetWidth返回的是数值28；
2. style.width/style.height与scrollWidth/scrollHeight是可读写的属性，clientWidth/clientHeight与offsetWi
dth/offsetHeight是只读属性
3. style.width的值需要事先定义，否则取到的值为空。⽽且必须要定义在html⾥(内联样式)，如果定义在css⾥，style.height的值仍然为空，但元素偏移有效；⽽offsetWidth则仍能取到。
//-----------------------------------------------------------------------------------------------
offsetTop    //返回元素的上外缘距离最近采⽤定位⽗元素内壁的距离，如果⽗元素中没有采⽤定位的，则是获取上外边缘距离⽂档内壁的距离。
所谓的定位就是position属性值为relative、absolute或者fixed。返回值是⼀个整数，单位是像素。此属性是只读的。
offsetLeft      //此属性和offsetTop的原理是⼀样的，只不过⽅位不同，这⾥就不多介绍了。
scrollLeft        //此属性可以获取或者设置对象的最左边到对象在当前窗⼝显⽰的范围内的左边的距离，也就是元素被滚动条向左拉动的距离。
返回值是⼀个整数，单位是像素。此属性是可读写的。
scrollTop  //此属性可以获取或者设置对象的最顶部到对象在当前窗⼝显⽰的范围内的顶边的距离，也就是元素滚动条被向下拉动的距离。
返回值是⼀个整数，单位是像素。此属性是可读写的。
//-------------------------------------------------------------------------------------------------
当⿏标事件发⽣时（不管是onclick，还是omousemove，onmouseover等）
clientX        ⿏标相对于浏览器（这⾥说的是浏览器的有效区域）左上⾓x轴的坐标；不随滚动条滚动⽽改变；
clientY        ⿏标相对于浏览器（这⾥说的是浏览器的有效区域）左上⾓y轴的坐标；不随滚动条滚动⽽改变；
pageX        ⿏标相对于浏览器（这⾥说的是浏览器的有效区域）左上⾓x轴的坐标；随滚动条滚动⽽改变；
pageY        ⿏标相对于浏览器（这⾥说的是浏览器的有效区域）左上⾓y轴的坐标；随滚动条滚动⽽改变；
screenX    ⿏标相对于显⽰器屏幕左上⾓x轴的坐标；
screenY      ⿏标相对于显⽰器屏幕左上⾓y轴的坐标；
offsetX        ⿏标相对于事件源左上⾓X轴的坐标
offsetY        ⿏标相对于事件源左上⾓Y轴的坐标

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。