博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
常见的浏览器兼容性问题
阅读量:6232 次
发布时间:2019-06-21

本文共 1573 字,大约阅读时间需要 5 分钟。

hot3.png

三类: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颜色设置

转载于:https://my.oschina.net/shuaihong/blog/1545532

你可能感兴趣的文章
java之collection总结
查看>>
提升控件绘制速度
查看>>
封装自用的脚本ajax.js
查看>>
SQL左、右、内、全连接
查看>>
Ehcache 整合Spring 使用页面、对象缓存
查看>>
哈哈哈哈哈哈哈
查看>>
wordpress学习四: 一个简单的自定义主题
查看>>
04文件操作1
查看>>
Asp.net mvc 3 - JSONResult return array
查看>>
Spring MVC - log4j 配置
查看>>
c# WF 第6节 MDI窗体
查看>>
杂七杂八
查看>>
RabbitMQ 消息确认机制
查看>>
简单的新浪微博OAuth认证实现
查看>>
Mybatis表关联一对多
查看>>
Spring_Aop基于配置文件
查看>>
R cannot be resolved的几种可能 R not generated
查看>>
随机快速排序
查看>>
linux下创建用户、用户组及赋予sudoer权限
查看>>
简述Hibernate配置连接池
查看>>