JS中的各种距离

Dear 丶 2021-12-11 05:29 438阅读 0赞

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与offsetWidth/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轴的坐标

发表评论取消回复

表情：

评论列表（有 0 条评论，438人围观）

还没有评论，来说两句吧...

相关阅读

相关各种距离(转)

在做分类时常常需要估算不同样本之间的相似性度量(SimilarityMeasurement)，这时通常采用的方法就是计算样本间的“距离”(Distance)。采用什么样的方法计

喜欢ヅ旅行/ 2022年08月09日 09:57/ 0 赞/ 187 阅读

相关各种距离

在做分类时常常需要估算不同样本之间的相似性度量(SimilarityMeasurement)，这时通常采用的方法就是计算样本间的“距离”(Distance)。采用什么样的方法计

分手后的思念是犯贱/ 2022年06月17日 10:58/ 0 赞/ 227 阅读

相关机器学习中各种距离计算

[机器学习中各种距离计算][Link 1] 原文： http://blog.csdn.net/qq\_23617681/article/details/51471156 [

港控/mmm°/ 2022年06月15日 02:59/ 0 赞/ 430 阅读

相关 R语言--计算各种距离

MATLAB 版本的 [http://blog.csdn.net/sinat\_26917383/article/details/52101425][http

客官°小女子只卖身不卖艺/ 2022年05月28日 06:06/ 0 赞/ 265 阅读

相关常见相似性度量及各种距离

工程上的很多问题，比如最经典的最小二乘法、聚类问题、分类问题、视觉中的立体匹配以及图像检索等等，都要涉及到比较两个向量或者集合或者概率分布的相似程度，而比较相似程度又可以转化为

青旅半醒/ 2022年05月16日 01:15/ 0 赞/ 362 阅读

相关【python】计算数学中各种距离

文章目录使用 python计算各种距离前言一、余弦距离二、欧式距离

超、凢脫俗/ 2022年05月14日 15:26/ 0 赞/ 1059 阅读

相关 JS中的各种遍历方法

1、for for(let i=0;i<len;i++)\{ //do something \} 2、forEach

男娘i/ 2022年01月20日 09:11/ 0 赞/ 268 阅读

相关 JS中的各种距离

offsetWidth //返回元素的宽度（包括元素宽度、内边距和边框，不包括外边距） offsetHeight //返回元素的高度（包括元素高度、内边

Dear 丶/ 2021年12月11日 05:29/ 0 赞/ 439 阅读

相关机器学习——各种距离度量方法总结

前言：在做分类时常常需要估算不同样本之间的相似性度量(SimilarityMeasurement)，这时通常采用的方法就是计算样本间的“距离”(Distance)。采用什

超、凢脫俗/ 2021年12月09日 03:55/ 0 赞/ 3067 阅读

相关各种距离算法汇总

1. 欧氏距离，最常见的两点之间或多点之间的距离表示法，又称之为欧几里得度量，它定义于欧几里得空间中，如点 x = (x1,...,xn) 和 y = (y1,...,y

怼烎@/ 2021年11月10日 05:56/ 0 赞/ 1485 阅读