三类:html,js, css
html部分
一些新标签IE老板本不支持,只需要引入html5shiv.min.js,在低版本浏览器中生成新标签就好
js部分
-
1.const 问题 问题: 在 IE 中不能使用 const 关键字 解决方法: 以 var 代替
-
2.body 对象 FF 的 body 在 body 标签没有被浏览器完全读入之前就存在,而 IE 则必须在 body 完全被读入之后才存 在 这会产生在 IE 下,文档没有载入完时,在 body 上 appendChild 会出现空白页面的问题 解决方法: 一切在 body 上插入节点的动作,全部在 onload 后进行
-
3.innerText 的问题 问题: innerText 在 IE 中能正常工作,但是 innerText 在 FireFox 中却不行 解决方法: 在非 IE 浏览器中使用 textContent 代替 innerText
-
4.docuement.getElementsByClassName W3C标准支持 ie低版本不支持此方法,并且也没有设置对应的功能
-
5.event.x与event.y问题 说明:IE下,event对象有x,y属性,但是没有pageX,pageY属性; Firefox下,event对象有pageX,pageY属性,但是没有x,y属性. 解决方法:使用mX(mX = event.x ? event.x : event.pageX;)来代替IE下的event.x或者Firefox下的event.pageX
-
6.获取节点元素 (1)获取某个元素中的第一个子元素 firstElementChild (IE低版本不支持) firstChild (2)获取某个元素中的最后一个子元素 lastElementChild lastChild (3)获取某个元素的前一个兄弟元素 previousElementSibling previousSibling (4)获取某个元素的后一个兄弟元素 nextElementSibling nextSibling
-
7.FF支持getComputedStyle获取css样式 IE是currentStyle
-
8.event.srcElement 问题 问题: IE 下,even 对象有 srcElement 属性,但是没有 target 属性; Firefox 下,even 对象有 target 属性,但是没有 srcElement 属性 解决方法: var source = e.target || e.srcElement;
-
9.querySelector,querySelectorAll 查找所有节点,IE9及以下不支持
-
10.事件绑定的区别 addEventListener和attachEvent的区别 1.事件类型前+“on”,不加 2.支持捕获,不支持捕获 3.执行顺序不同,前者先绑定先执行;后者先绑定后执行; 4.this执行不同,前者指定事件绑定对象,后者永远指向window对象
css部分
- 1.浏览器的默认边距不同;
- 2.透明度的设置: W3C:opacity:0.3; IE低版本: filter:alpha(opacity=30);
- 3.大量的C3属性,IE低版本都不支持
- 4.我们常见的自定义的清除浮动样式 clearfix:after{ content:"", display:block; height:0; visibility:hidden; clear:both; } zoom:1; 兼容IE写法
- 5.rgba IE低版本不支持 以及HSLA颜色设置