关于offsetWidth和offsetHeight属性

浴火_凤凰 2009-09-02 05:40:24

它们是IE的专用属性吗？它们和其它浏览器的
Width和Height属性的值一样吗？
作用在body和其它HTML元素身上，
它们的表现结果一致吗？
最近经常见到offsetWidth和offsetHeight属性
以前没有使用过，一直在使用Width和Height属性
请大家帮帮忙解释一下啊！
谢谢！！！

...全文

85 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

小河 2009-09-02

打赏
举报

回复

offsetWidth 获取相对于父坐标的宽度是对象的可见宽度，包滚动条等边线，会随窗口的显示大小改变
offsetHeight也一样的道理

Javascript拖拽用到的一些关于位置定位的一些参数

scrollLeft,scrollWidth,clientWidth,offsetWidth完全详解 2009年12月14日，16:58:19 | ArthurXF scrollHeight: 获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度 offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度 offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置 offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置 event.clientX 相对文档的水平座标 event.clientY 相对文档的垂直座标 event.offsetX 相对容器的水平坐标 event.offsetY 相对容器的垂直坐标 document.documentElement.scrollTop 垂直方向滚动的值 event.clientX+document.documentElement.scrollTop 相对文档的水平座标+垂直方向滚动的量　　以上主要指IE之中，FireFox差异如下： IE6.0、FF1.06+： clientWidth = width + padding clientHeight = height + padding offsetWidth = width + padding + border offsetHeight = height + padding + border IE5.0/5.5： clientWidth = width - border clientHeight = height - border offsetWidth = width offsetHeight = height (需要提一下：CSS中的margin属性，与clientWidth、offsetWidth、clientHeight、offsetHeight均无关)

HTML元素有几个offset、client、scroll开头的属性，总是让人摸不着头脑。在书中看到记下来，分享给需要的小伙伴。主要是以下几个属性：　　第一组：offsetWidth,offsetHeight,offsetLeft,offsetTop,offsetParent 　第二组：clientWidth,clientHeight,clientLeft,clientTop 　　第三组：scrollWidth,scrollHeight,scrollLeft,scrollTop 　　详细定义如下：　　1.1 HTML元素的offsetWidth,offsetHeight以CSS像素返回

很详细的解说了弹弹球的原理，我给的注释很多很详细，便于大家理解。代码内的注释详细解说了距离算法。可以很清晰得看到offsetWidth,offsetHeight,document.body.clientWidth,document.clientHeight 这4个属性的用法。

object　返回包含的对象。　 offscreenBuffering　设置或获取对象在对用户可见之前是否要先在屏幕外绘制。　 offsetHeight　获取对象相对于版面或由父坐标　offsetParent　属性指定的父坐标的高度。　 offsetLeft　获取对象相对于版面或由　offsetParent　属性指定的父坐标的计算左侧位置。　 offsetParent　获取定义对象　offsetTop　和　offsetLeft　属性的容器对象的引用。　 offsetTop　获取对象相对于版面或由　offsetTop　属性指定的父坐标的计算顶端位置。　 offsetWidth　获取对

87,920

社区成员

224,618

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章