摘要： 也许你看到这个标题觉得很简单，确实这是一篇关于CSS中Position属性基础知识的文章，但是关于Position的一些细节也许你不了解。1、简介position有五个属性： static | relative | absolute | fixed | inheritstatic 和 inherit : 没什么值得介绍的。relative : 相对于元素自身的定位。absolute ：相对于包含块的定位。fixed : 相对于窗口的定位。2、包含块包含块就是 top | right | bottom | left 参考的元素。absolute的包含块指的是：该元素最近的具有定位设置的父元素，即 阅读全文

摘要： 1、clientWidth clientHeight 元素的可视部分的宽度和高度（也就是CSS的width加padding）。它们不把边框和滚动条计算在内，也不包括任何可能的滚动。 若CSS中没有指定元素的高度和宽度(即自适应)，则IE中显示0，而非IE浏览器则显示实际的值2、 offsetWidth offsetHeight 元素在页面中占据的宽度和高度的总计。它们和前一对属性的区别在于它们把元素的边框和滚动条计算在内。 若CSS中没有指定元素的高度和宽度(即自适应)，所有浏览器都会显示实际的值包括width + padding + border3、 scrollWidth scrollHe 阅读全文

摘要： 在JavaScript中为Dom元素绑定事件监听函数是一件非常常见的事情，但这里也有许多的Bug。各种浏览器对于事件绑定都提供了很多方法，但可靠的只有3中：1、传统的绑定方法：[代码]　　a、传统的绑定方法，非常简单稳定，函数体内的this指向的也是指向正在处理事件的节点（如当前正在运行事件句柄的节点）。　　b、一个元素的一个事件句柄只能注册一个函数，如果重复注册，会产生覆盖；而且，传统绑定方法只会在事件冒泡中运行。2、W3C标准绑定方法：[代码]　　 a、这种绑定方法同时支持时间处理的捕获和冒泡两个阶段；同一元素的同一事件句柄可以注册多个监听函数；而且，监听函数内部this指向当前元素。　　 阅读全文