JavaScript中的一些定位属性[图解]

更新时间：2010年07月14日 23:30:02 作者：

JavaScript获取页面中的一些定位属性说明，需要了解，页面定位控制的朋友可以参考下。

有这张图就够了，简单地说明一下

以Height为例，Width同理：

div.clientHeight：可见窗口除去了margin+border之后的长度。
div.offsetHeight：在div.clientHeight的基础上加了border和滚动条的长度。
div.scrollHeight：就是元素内容的实际高度。
以Top为例，Left同理：

div.clientTop：margin之后padding之前的长度值。
div.offsetTop：该元素的上border的上边缘到该元素的offsetParent的上border内边缘的垂直距离。
div.scrollTop：对象的最顶部到对象在当前窗口显示的范围内的顶边的距离，即是在出现了纵向滚动条的情况下，滚动条拉动的距离。
关于offsetParent，不同的浏览器有不同的实现算法，有一种常见布局在各种浏览器中 offsetParent 是一样的，那就是：外层元素 div 的 position 计算值是 relative、absolute 时，内层元素 div 的 offsetParent 总是外层元素 div。

定位属性

JavaScript 链式结构序列化详解
这篇文章主要介绍了JavaScript 链式结构序列化详解的相关资料,需要的朋友可以参考下
2016-09-09
javascript基础的动画教程，直观易懂
javascript基础的动画教程，直观易懂...
2007-01-01
js正则相关知识点专题
本篇内容是小编整理的关于脚本之家精选的JS正则的优秀文章，适合大家学习JS正则的相关内容，有需要的朋友参考下。
2018-05-05
JavaScript的字符串方法汇总
字符串的操作在js中非常频繁，也非常重要。以往看完书之后都能记得非常清楚，但稍微隔一段时间不用，便会忘得差不多，记性不好是硬伤啊。。。今天就对字符串的一些常用操作做个整理，一者加深印象，二者方便今后温习查阅。
2016-07-07
js时间比较示例分享(日期比较)
这篇文章主要介绍了js时间比较示例,代码简单，运行后可以看到结果,需要的朋友可以参考下
2014-03-03
javascript的delete运算符知识点总结
在本篇文章里小编给大家分享的是关于JS中delete运算符的基础知识点，有需要的朋友们跟着学习下。
2019-11-11
JavaScript中Boolean对象的属性解析
这篇文章主要介绍了JavaScript中布尔对象的属性解析,包括对constructor属性和prototype构造器的简单介绍,需要的朋友可以参考下
2015-10-10
JavaScript中setUTCFullYear()方法的使用简介
这篇文章主要介绍了JavaScript中setUTCFullYear()方法的使用简介,是JS入门学习中的基础知识,需要的朋友可以参考下
2015-06-06
浅谈javascript中onbeforeunload与onunload事件
javascript中onbeforeunload与onunload事件就是页面加载前与页面关闭时的两个功能的函数，可以防止页面刷新时给提示再刷新或页面关闭时给出提示，下面我来介绍onbeforeunload与onunload事件用法。
2015-12-12
JavaScript与DOM组合动态创建表格实例
这篇文章简单介绍了DOM 1.0一些基本而强大的方法以及如何在JavaScript中使用它们;你可以学到如何动态地创建、获取、控制和删除HTML元素
2012-12-12