zoukankan      html  css  js  c++  java
  • 兼容性问题

     

    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

     

     

     待补充……

     

     

     

     

     

  • 相关阅读:
    Redis5.x五种数据类型常见命令
    Redis5.x安装以及常见数据类型
    《Redis5.x入门教程》正式推出
    PPT制作套路指南
    如何更优雅地对接第三方API
    软件开发要质量还是要效率?
    前后端分离对于开发人员的挑战
    Spring中老生常谈的FactoryBean
    消费端如何保证消息队列MQ的有序消费
    《ElasticSearch6.x实战教程》之实战ELK日志分析系统、多数据源同步
  • 原文地址:https://www.cnblogs.com/gdqx/p/10058080.html
Copyright © 2011-2022 走看看