您现在的位置:首页 >> 前端 >> 内容

条件注释区分是否IE浏览器的代码实例讲解

时间:2018/6/26 16:19:50 点击:

  核心提示:条件注释其实就是一些if判断,但这些判断不是在脚本里执行的,而是直接在html代码里执行的,比如:这种判断是否IE浏览器的语句其实很有效果,比如你可以在IE浏览器下加载一些其他样式或者脚本。请注意,该...

条件注释其实就是一些if判断,但这些判断不是在脚本里执行的,而是直接在html代码里执行的,比如:

条件注释区分是否IE浏览器的代码实例讲解

这种判断是否IE浏览器的语句其实很有效果,比如你可以在IE浏览器下加载一些其他样式或者脚本。请注意,该条件语句只在IE浏览器下生效,其他浏览器中会被注释掉!

常见的几种判断语句:

lt 表示less than 当前条件版本以下的版本,不包含当前版本。(小于)

gt 表示greater than 当前条件版本以下的版本,不包含当前版本。(大于)

gte 表示greater than or equal 当前版本以上版本,并包含当前版本。(大于等于)

lte 表示less than or equal 当前版本以下版本,并包含当前版本。(小于等于)

1.IE浏览器下

<!--[if IE]>

	<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
	<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
 <![endif]-->

2.意思是浏览器是IE9或者大于IE9,或者其他浏览器

<!--[if (gte IE 9)|!(IE)]><!-->

     <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
     <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<!--<![endif]-->

3.除IE外都可识别 

<!--[if !IE]><!--> 

     <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>

<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<!--<![endif]-->

4.只有限定的IE版本可以识别

<!--[if IE 7]>     仅IE7可识别     <![endif]-->


<!--[if IE 8]>        仅IE8可识别      <![endif]-->


<!--[if IE 9]>     仅IE9可识别     <![endif]-->

作者:网络 来源:Bright2017