关于 IE版本注释兼容的一些用法

关于 IE版本注释兼容的一些用法

一、js 写法

Coding JavaScript
<!--[if lt IE9]> 
<script> 
   (function() {
     if (! 
     /*@cc_on!@*/
     0) return;
     var e = "abbr, article, aside, audio, canvas, datalist, details, dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video".split(', ');
     var i= e.length;
     while (i--){
         document.createElement(e[i])
     } 
})() 
</script>
<![endif]-->

二、引用兼容库（推荐）

js百度兼容html5新标签插件

<script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>

1、标准写法

<!--[if lt IE 9]>...............<![endif]-->

2、用途

主要用于html5新标签兼容IE9之前版本的一个方法，可以在注释之间添加引用

 <!-- [if lt IE 9>//如果浏览器版本是IE9之前的版本，则加载这个js
        <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
    <![endif]-->

当IE版本号低于IE9时候，则浏览器不支持html5的新标签，所以需要条件注释让浏览器选择性加载兼容js。只有IE9一下的版本可以识别注释

3、其他一些写法

lt  小于 表示小于某个的版本   

lte 小于等于  表示小于等于某个的版本  

gt  大于 表示大于某个的版本  

gte 大于等于 表示大于等于某个版本

!  不等于  表示不是某个浏览器

①<!--[if IE 9]>-----<![endif]-->   这种方法设定只有IE9识别。

 

<!-- [if IE 9>//如果浏览器版本是IE9，则加载这个js
        <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
<![endif]-->

 

②<!--[if gt IE9]>-----------<![endif]--> 这种方法是IE9版本以上的可以识别。

<!-- [if gt IE 9>//如果浏览器版本是IE9 之后的版本，比如IE10，11，则加载这个js
        <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
    <![endif]-->

 

③<!--[if !IE]><!-->---------------<!--<![endif]--> 这种方法非IE浏览器可以识别。

<!-- [if !IE><!-->//如果浏览器版本不是IE，则加载这个js
        <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
    <!--<![endif]-->

④<!--[if lt IE 9]>---------------<![endif]-->  这种方法IE9之前的版本可以识别

<!-- [if lt IE 9>//如果浏览器版本IE9之前，比如IE6，7，8，则加载这个js
        <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
    <![endif]-->

 

 注意，如果是IE9之前的浏览器版本，则需要在css内将html5新标签进行样式初始化才能应用。