码迷,mamicode.com
首页 > 其他好文 > 详细

浏览器兼容的那些事(笔记)

时间:2015-12-01 22:49:32      阅读:174      评论:0      收藏:0      [点我收藏+]

标签:

JS系列:

1.所有的相对路径都别拿来做判断:

  (img src)/ ( href="1.jpg")

2.颜色值不要拿来做判断:

  (color:red) / (#ffffff)/ (rgb(255,255,255))

3. innerHTML值不要拿来做判断

4.替换表单属性,如下面例子:

<input id="but1" type="button" value="提交">
<script>
     var oBut1 =$(‘but1‘);
     oBut1.onclick = function(){
         oBut1.type = ‘checkbox‘;
         // IE6,IE7,IE8 不支持,会报错
         //解决办法,可以先调用到checkbox的勾选框,但是先隐藏掉,当点击button事件后,隐藏button,然后显示checkbox
     }
</script>

5.float的兼容性问题,如下面例子:

<script>
     oDiv1.style.float = ‘left‘; //需求内容
     //方式1:需要写2个功能
     oDiv1.style.styleFloat = ‘left‘ //满足IE兼容
     oDiv1.style.cssFloat = ‘left‘ //满足非IE兼容
     //方式2:先写一个left样式 .left{float:left},然后通过替换需求对象的className来实现
</script>

 

浏览器兼容的那些事(笔记)

标签:

原文地址:http://www.cnblogs.com/liumobai/p/5011533.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!