浏览器兼容（Web前端）

一、不同浏览器标签默认的margin和padding不同

解决：css里增加通配符*{margin：0；padding：0}

二、图片默认有间距

解决：设置img样式float：left

三、const类型

解决：IE不支持const定义常量，将所有变量设置为var或者let

四、事件绑定

IE:dom.attachEvent();
其他浏览器：dom.addEventListener();
标准浏览器采用事件捕获的方式对应IE的事件冒泡机制（即标准由最外元素至最内元素或者IE由最内元素到最外元素）最后标准方亦觉得IE这方面的比较合理，所以便将事件冒泡纳入了标准，这也是addEventListener第三个参数的由来，而且事件冒泡作为了默认值。
解决：dom.addEventListener(fn,false)

五、IE9以下不能操作<tr>的innerHTML

六、ajax定义

IE：ActiveXObject
其他：xmlHttpReuest
解决：if(xmlHttpReuest)来判断

七、innerText问题

FireFox设置标签内本文本：dom.textContent=xx
其他浏览器：dom.innerText=xx

八、div宽度计算

其他浏览器计算：DIV的宽度 = width + padding + border + margin
在IE6的宽度计算：DIV的宽度 = width + margin

九、margin加倍的问题

设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。
解决：在这个div里面加上display:inline;