关于DOM元素定位属性的深入学习
作者：sorrycc 来源：蓝色理想 发布时间：2008-04-02 11:46:00
以前写JS程序的时候，经常碰到了定位的问题。但每次都看到一半，找到需要的属性就了事了。
今天下了狠心，要花点时间，彻底地弄明白他。
以下内容看着有点眼熟也不用奇怪，因为是参考了多篇前辈的文章汇总而成，嘿嘿。
宽度、高度
jQuery(’#elem’).width() // 获取CSS定义的宽度
jQuery(’#elem’).height() // 获取CSS定义的高度
clientWidth = width + padding
clientHeight = height + padding
offsetWidth = width + padding + border
offsetHeight = height + padding + border
scrollWidth // 对象的滚动宽度
scrollHeight // 对象的滚动高度
Left、Top
scrollTop // 对象左边界和窗口中目前可见内容的最左端之间的距离
scrollLeft // 对象最顶端和窗口中可见内容的最顶端之间的距离
offsetTop // 距相对父节点的顶端位置
offsetLeft // 距相对父节点的左侧位置
父节点
parentNode // 就是父节点。从结构上理解并应用它。
offsetParent // 是相对父节点。从布局上理解并应用它。
鼠标相对于浏览器的 x, y 坐标
e.clientX, e.clientY
鼠标相对于触发事件容器的 x,y 坐标
e.offsetX, e.offsetY // for IE
e.layerX, e.layerY // for FF
垂直方向滚动的值
document.documentElement.scrollTop
document.body.scrollTop (Quirks Mode)
鼠标相对于页面顶部的 x, y 坐标
pageX, pageY
pageY = e.clientY + document.documentElement.scrollTop
0
投稿猜你喜欢
绿色在黄色和蓝色（冷暖）之间，属于较中庸的颜色，这样使得绿色的性格最为平和、安稳、大度、宽容。是一种柔顺、恬静、满足、优美、受欢迎之色。也是- 无论安装何版本的mysql，在管理工具的服务中启动mysql服务时都会在中途报错。内容为：在 本地计算机 无法启动mysql服务 错误106
- 为某国税局开发一综合 * ，需要建立一个庞大的国税系统通讯录数据库，从各省、市到每名具体工作人员，项目较多，该如何设计各表呢？数据库的表设计
- 测试代码：输出简单的ul li1.asp代码如下:<％ response.write "<ul>" r
- 一个XML文档如果符合一些基本的规范，那它就是结构规范的。XML格式有一套比HTML简单的解析规则，允许XML解析器不需要外部描述或了解数据
- 用下面代码可实现：<％Dim writeDim fileSysObj, tf, readrea
- access中可以将文本中的数据轻松导入表中，mysql中用起来没那么方便，其实起来也很简单。首先将数据记录按行处理好用特定的字符分开如：“
- 如果你过分信任 Access 2000数据库的密码保护，你可能会因此而蒙受损失。这是因为Access 2000的数据库级密码并不安全，相反它
- 原来的程序是使用sqlite这个嵌入式数据库作为Remit(code name)的数据源的,因为NHibernate支持这个,然而有一点不好
- oracle10g数据备份 1.用sql/plus developer,选中要备份的数据表，右击选择"Export data&qu
- 带农历的JavaScript日期时间，增加了农历使这款代码更具实用性，很不错，不但有农历，而且还可以显示民国计年，可以判断显示闰月、闰年等，
- 我在程序首端添加了On Error Resume Next ，以更好地处理执行时引起的错误，但在数据库访问中引出了麻烦，因为我在一个查询操作
- 在SQL Server中，提供了通过Exchange或Outlook收发邮件的扩展存储过程。下面简单地介绍一下：一、启动SQL Mail：x
- prototype框架最早是出于方便Ruby开发人员进行JavaScript开发所构建的，从这个版本上更加体现的淋漓尽致。比起1.3.1版本
- 什么是RSS？RSS是站点用来和其他站点之间共享内容的一种简易方式（也叫聚合内容），通常被用于新闻和其他按顺序排列的网站，例如Blog。一段
- 对数据库的管理常规就是进行预防性的维护，以及修复那些出现问题的内容。进行检查和修复通常具有四个主要的任务：1. 对表进行优化2. 对表进行分
- 那是一杠还是两杠呢？最简单的方式就是拿出钱包，掏出张“新”的50或100，翻到背面的银线上，就会发现两杠的符号。这个是以前跟同事在讨论是一杠
- 最近设计一个优惠券列表，有个属性是有效日期，因为空间有限，必须要把开始日期和结束日期在一行显示，这样就出现一排的数字，日期有好几种我们习惯的
- 摘要：SELECT 语句可以帮助我们从MySQL中取出数据。SELECT 大概是 SQL 语言中最常用的语句，而且怎样使用它也最为讲究；用它
- 两个并发事务同时访问数据库表相同的行时，可能存在以下三个问题：1、幻想读：事务T1读取一条指定where条件的语句，返回结果集。此时事务T2
