兼容性问题

Posted gdqx

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了兼容性问题相关的知识,希望对你有一定的参考价值。

 

1.

  清除浮动的兼容性

  清除浮动在低版本浏览器不行,需要处理兼容性

  加一个.clearfix{*zoom:1;}

2.

  ie低版本不支持Rgba()

3.

  每个浏览器都有自己的前缀   主要解决css3中的兼容问题

  chrome(谷歌)  的前缀  -webkit-

  firefox(火狐)  的前缀  -moz-

  ie  的前缀  -ms-

  (opera)欧朋  的前缀  -o-

  国内的浏览器的内核是谷歌

4.

  Document.body 获取的是文档中的body标签

  Document.documentElement  获取的是文档中根节点

  但Ie6不支持document.documentElement,所以要兼容

  兼容性写法

  Var w=document.documentElement.clientWidth||document.body.clientWidth

  获取浏览器可见区的宽度

5.

  获取浏览器的body属性是有兼容的

 

  Var dd=document.body||document.documentElement

 

  scrollTop和scrollLeft的最小值是0

 

  获取body的整个文档的高

 

  document.body.scrollHeight||document.documentElement.scrollHeight

 

  获取浏览器一屏幕的高(浏览器的可视区)

 

  Document.body.clientHeight||document.documentElement.clientHeight

6.

  Event 的兼容性

  在chrome下 event是undefined 在Ie低版本下是null,火狐下会报错

  document.onclick=function(e){

          var e=e||window.event

      }

7.

  阻止事件冒泡兼容性

    1.event.cancelBubble=true

    2.event.stopPropagation?event.stopPropagation():event.cancelBubble=true

8.

  阻止事件默认行为兼容性

  比如 a的href

  Href为空 会自动刷新页面

  Href为# 锚点跳转

  Href为javascript:;阻止默认行为的发生

  Event.preventDefault?Event.preventDefault():event.returnValue=false

 

 

 待补充……

 

 

 

 

 

 

以上是关于兼容性问题的主要内容,如果未能解决你的问题,请参考以下文章

2021-06-01-WSL 2 兼容性问题

ios 11 移动端兼容性滚动问题

为啥我的Ie浏览器出现兼容性问题

如何解决 IE下 上传文件的兼容性问题

re9浏览器兼容问题

处理移动端的常见的兼容性的问题都有啥?