offsetLeft,offsetTop,scrollLeft,scrollTop
来源:互联网 发布:淘宝无线端转换工具 编辑:程序博客网 时间:2024/05/10 16:55
对offsetLet,offsetTop,scrollLeft,scrollTop几个方法的理解
Posted on 2006-11-20 16:15 X-阿土 阅读(252) 评论(0) 编辑 收藏 所属分类: JavaScript开发一直以来对offsetLeft,offsetTop,scrollLeft,scrollTop这几个方法很迷糊,花了一天的时间好好的学习了一下.得出了以下的结果:
1.offsetTop :
当前对象到其上级层顶部的距离.
不能对其进行赋值.设置对象到页面顶部的距离请用style.top属性.
2.offsetLeft :
当前对象到其上级层左边的距离.
不能对其进行赋值.设置对象到页面左部的距离请用style.left属性.
3.offsetWidth :
当前对象的宽度.
与style.width属性的区别在于:如对象的宽度设定值为百分比宽度,则无论页面变大还是变小,style.width都返回此百分比,而offsetWidth则返回在不同页面中对象的宽度值而不是百分比值
4.offsetHeight :
与style.height属性的区别在于:如对象的宽度设定值为百分比高度,则无论页面变大还是变小,style.height都返回此百分比,而offsetHeight则返回在不同页面中对象的高度值而不是百分比值
5.offsetParent :
当前对象的上级层对象.
注意.如果对象是包括在一个DIV中时,此DIV不会被当做是此对象的上级层,(即对象的上级层会跳过DIV对象)上级层是Table时则不会有问题.
利用这个属性,可以得到当前对象在不同大小的页面中的绝对位置.
1function GetPosition(obj)
2{
3 var left = 0;
4 var top = 0;
5
6 while(obj != document.body)
7 {
8 left = obj.offsetLeft;
9 top = obj.offsetTop;
10
11 obj = obj.offsetParent;
12 }
13
14 alert("Left Is : " + left + "/r/n" + "Top Is : " + top);
15}
6.scrollLeft :
对象的最左边到对象在当前窗口显示的范围内的左边的距离.
即是在出现了横向滚动条的情况下,滚动条拉动的距离.
7.scrollTop
对象的最顶部到对象在当前窗口显示的范围内的顶边的距离.
即是在出现了纵向滚动条的情况下,滚动条拉动的距离.
- offsetLeft,offsetTop,scrollLeft,scrollTop
- offsetLeft,scrollLeft,offsetTop,scrollTop等等的用法
- offsetLeft,scrollLeft,offsetTop,scrollTop等等的用法
- offsetTop.offsetLeft,offsetWidth,offsetHeight,offsetParent,scrollTop,scrollLeft,scrollWidth,scrollHeight区别
- 对offsetLeft,offsetTop,scrollLeft,scrollTop几个属性的理解
- html中offsetTop、offsetLeft、scrollLeft、scrollTop各属性介绍
- js的offsetLeft,scrollLeft,offsetTop,scrollTop等等的用法
- offsetLeft,offsetTop,offsetHeight,offsetWidth,scrollTop,scrollLeft,scrollHeight,scrollWidth
- offsetWidth、offsetHeight、offsetLeft、offsetTop以及scrollTop,scrollLeft的个人理解
- scrollHeight,scrollLeft,scrollTop,scrollWidth,offsetHeight,offsetLeft,offsetTop,event.clientX,event.clientY
- offsetTop,offsetLeft,offsetWidth,offsetHeight,scrollLeft,scrollWidth,clientWidth详细
- 对offsetLet,offsetTop,scrollLeft,scrollTop几个方法的理解
- 对offsetLet,offsetTop,scrollLeft,scrollTop几个方法的理解
- offsetLet,offsetTop,scrollLeft,scrollTop几个方法的理解
- 对offsetLet,offsetTop,scrollLeft,scrollTop几个方法的理解
- 对offsetLet,offsetTop,scrollLeft,scrollTop几个方法的理解
- scrollWidth,offsetWidth,clientWidth,width;scrollHeight,offsetHeight,clientHeight,height;offsetTop,scrollTop,top;offsetLeft,scrol
- offsetLeft和scrollLeft
- 孙鑫VC学习笔记:第十二讲 (二) 用C语言函数读写文件
- 孙鑫VC学习笔记:第十二讲 (一) 介绍常量指针、指针常量,文本、二进制文件
- 关于bind:
- Linux那些事儿之我是Block层(7)scsi命令的前世今生(一)
- 一种快速判断是否为质数的方法
- offsetLeft,offsetTop,scrollLeft,scrollTop
- 孙鑫VC学习笔记:第十一讲 (六) 图形重绘方法二 利用元文件
- 阿朗在华涉嫌行贿受重罚 罚金为250万美元
- 圣诞的后面是什么?
- 在当前位置显示一个DIV
- UltraEdit正版软件价格
- url中的jsessionid解释
- 播放源代码器全集(网页中插入视频播放代码)
- 大脑研究之实用Tips