Js offsetTop、offsetParent...

最新推荐文章于 2023-04-01 09:04:13 发布

转载最新推荐文章于 2023-04-01 09:04:13 发布 · 826 阅读

文章标签：

#html #opera #工作 #css #null #ie

javascript 专栏收录该内容

68 篇文章

订阅专栏

本文深入探讨了网页尺寸与HTML控件位置的关键信息，包括文档的可见区域大小、正文全文大小、滚动位置等。同时，详细解释了offsetParent、offsetTop和offsetLeft属性的作用，帮助开发者理解如何获取元素的精确位置。

网页可见区域宽： document.body.clientWidth;
网页可见区域高： document.body.clientHeight;
网页可见区域宽： document.body.offsetWidth (包括边线的宽);
网页可见区域高： document.body.offsetHeight (包括边线的宽);
网页正文全文宽： document.body.scrollWidth;
网页正文全文高： document.body.scrollHeight;
网页被卷去的高： document.body.scrollTop;
网页被卷去的左： document.body.scrollLeft;
网页正文部分上： window.screenTop;
网页正文部分左： window.screenLeft;
屏幕分辨率的高： window.screen.height;
屏幕分辨率的宽： window.screen.width;
屏幕可用工作区高度： window.screen.availHeight;
屏幕可用工作区宽度：window.screen.availWidth;

假设 obj 为某个 HTML 控件。
obj.offsetTop 指 obj 距离上方或上层控件的位置，整型，单位像素。
obj.offsetLeft 指 obj 距离左方或上层控件的位置，整型，单位像素。
obj.offsetWidth 指 obj 控件自身的宽度，整型，单位像素。
obj.offsetHeight 指 obj 控件自身的高度，整型，单位像素。

offsetParent
offsetParent属性返回一个对象的引用，这个对象是距离调用offsetParent的元素最近的（在包含层次中最靠近的），并且是已进行过CSS定位的容器元素。如果这个容器元素未进行CSS定位, 则offsetParent属性的取值为根元素(在标准兼容模式下为html元素；在怪异呈现模式下为body元素)的引用。当容器元素的style.display 被设置为 "none"时（译注：IE和Opera除外），offsetParent属性返回 null。
句法：parentObj = element.offsetParent
变量：parentObj 是一个元素的引用，当前元素的偏移量在其中计算。

http://hi.baidu.com/ygh253/blog/item/20eb5135afb5981a90ef399a.html