DOM

• FF、Opera 和 IE 浏览器认为在客户端浏览器展示的页面的内容对应于整个 HTML，所以使用 document.documentElement
  来代表，相应的滚动距离则通过 document.documentElement.scrollLeft
  和 document.documentElement.scrollTop来获取。
• 而 Safari 和 Chrome 浏览器则认为页面开始于 body 部分，从而相应的滚动距离用 document.body.scrollLeft 和 document.body.scrollTop
  来获取。另外需要注意的是，FF 和 IE 的 quirks mode（兼容模式）下是用 document.body来获取的。
  documentElement 对应的是 html 标签，而 body 对应的是 body 标签。

var scrollLeft = Math.max(document.documentElement.scrollLeft, document.body.scrollLeft);
var scrollTop = Math.max(document.documentElement.scrollTop, document.body.scrollTop);

• offsetTop, offsetLeft 都是相对于最近一个有定位的父元素，如果都没有那么就是相对于 body 的偏移位置。
• offsetParent是寻找最近一个有定位的父级元素，如果没有，那么找到 body 元素。
• 如果有定位的父级元素不是 body，是 A 元素，那么再寻找 A 元素的最近的有定位的父级元素，如果没有，就是相对于 body 的定位，这时，所求偏移量就是 A 的偏移量加所求元素相对于 A 的偏移量。如果 A 还有已经定位的父级元素，就继续去推，直到找到 body 为止。

E8+ 支持 addEventListener()。IE8 以下的版本使用 attachEvent()
。

• attachEvent()
  不支持事件捕获。
• attachEvent()
  第一个参数事件处理程序属性名使用前缀 on。
• attachEvent()
  允许相同的事件处理程序函数注册多次。