11.浏览器兼容问题

1. getComputedStyle和currentStyle

    getComputedStyle是firefox中的方法，适用于适用于FF、opera、safari、chrome；

    currentStyle是ie中的方法，只适合IE浏览器

   使用方式：getComputedStyle(box, null).left

2.innerText和textContent

　innerText是IE的方法，但兼容IE、Safari、Opera和Chrome，但这些低版本不支持

　textContent兼容firefox    其他浏览器都支持    ie9以下(678)不支持

　innerHTML全浏览器兼容（所有的浏览器都支持的属性）

３.获取页面卷曲高度的方式

    方式1：ie低版本不支持

    window.pageYOffset;

    方式2：document.body.scrollTop   只有谷歌支持

    document.body.scrollTop;

    方式3: document.documentElement.scrollTop   只有谷歌不支持

    document.documentElement是html标签的获取方式

    document.documentElement.scrollTop;

4.e 和window.event

       e这个事件对象是谁给我传过来的？ js的事件机制，将所有的信息传递给我们

       window.event 为ie中的事件对象获取方式

5.pageX

      用于获取鼠标针对页面的横纵坐标，IE低版本不支持

6.事件监听的方式

    添加：addEventListener    移除：removeEventListener，IE9以下不支持

    添加：attachEvent             移除：detachEvent，              IE11 以下不支持

7.获取到真正触发事件的元素

    新方式 e.target

    在ie低版本不支持，使用e.srcElement;

8.部分浏览器不支持H5新增的标签

IE6/IE7/IE8  需要通过document.createElement方法产生标签