码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2015-07-07 11:13:27      阅读:186      评论:0      收藏:0      [点我收藏+]

标签:javascript

几个高度

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等)

标签:javascript

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!