首页 > 其他 > 详细

区别几种高度(offsetHeight等)和距离(clientX等)

时间:2015-07-07 11:11:12      阅读:257      评论:0      收藏:0      [点我收藏+]

几个高度

1. offsetHeight

表示某个DOM元素自身的高度,包括元素的边框、垂直内边距和元素的水平滚动条(如果存在且渲染的画)和元素的CSS高度。该属性是只读的。

2.clientHeight

返回元素内部的高度(单位像数),包含内边距,但不包括水平滚动条、边框和外边距。该属性是只读的。

3. scrollHeight

包括元素的可见CSS高度+padding+border+由于overflow设置为隐藏或者scroll而不可见的内容高度。该属性是只读的。

Mozilla文档上的图示描述得很明白:https://developer.mozilla.org/zh-CN/docs/Web/API/Element/scrollHeight

几个距离

1.clientX,clientY

表示鼠标位置距离可视窗口边缘的距离。
2. pageX,pageY

表示鼠标位置距离整个文档页面边缘(左和上边缘)的距离
3.screenX,screenY

表示鼠标位置距离屏幕边缘的距离

版权声明:本文为博主原创文章,未经博主允许不得转载。

区别几种高度(offsetHeight等)和距离(clientX等)

原文:http://blog.csdn.net/vivianhope/article/details/46785251

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!