ie浏览器 条件注释,根据不同版本引入不同js

2018-04-19  本文已影响463人  _信仰zmh

ie浏览器,真心佩服ie,各种版本,浏览器的显示不同。

关于jQuery lib对ie的兼容性

ie1.9版本,是对ie8的最后兼容。

也就是说jQuery2.0以下版本的都支持ie8,但是2.0以上(包含2.0版本)的jQuery库已经全面放弃了ie8浏览器。

如果你的用户包含ie8用户,恰好你的项目中又引用了高版本的jq,那就需要对ie8进行判断。

根据不同的版本,引入高低版本的jq库。

ie条件注释

条件注释是层叠样式表(CSS)用于区分IE特定版本的首选方式。
重要提示 自IE10起,标准模式不再支持条件注释。而是采用特征检测给浏览器不支持的功能来提供备用策略。

   <!--[if IE 8]>
        <script src="http://code.jquery.com/jquery-1.9.1.min.js" ></script> 
     <![endif]-->
     
     <!--[if !(IE 8)]>
        <script  src="./WeChat/esmart/QU/js/jquery.js" ></script>   
     <![endif]-->

如果判断不是的话,记得加个!(IE n)

Downlevel-hidden条件注释类似于基本的HTML注释,包含连字符(“ - ”)在开启和关闭标签。条件显示在标签的开口部,和[ENDIF]被放置在标签的封闭部分之前。内容放在注释标签内。
因为前四个字符和注释的最后三个字符是相同的HTML注释元素,所以低版本浏览器会忽略注释块内的HTML内容。由于内容被有效地不支持条件注释的浏览器隐藏,这种类型的条件注释被称为低版本隐藏。
如果条件表达式的结果为真,则对注释块里面的内容进行分析,并通过Internet Explorer 5及更高版本的渲染。针对Internet Explorer而专门设计的内容,这种做法特别有效。

<!--[if IE]><p>You are using Internet Explorer.</p><![endif]-->
<![if !IE]><p>You are not using Internet Explorer.</p><![endif]>

<!--[if IE 7]><p>Welcome to Internet Explorer 7!</p><![endif]-->
<!--[if !(IE 7)]><p>You are not using version 7.</p><![endif]-->

<!--[if gte IE 7]><p>You are using IE 7 or greater.</p><![endif]-->
<!--[if (IE 5)]><p>You are using IE 5 (any version).</p><![endif]-->
<!--[if (gte IE 5.5)&(lt IE 7)]><p>You are using IE 5.5 or IE 6.</p><![endif]-->
<!--[if lt IE 5.5]><p>Please upgrade your version of Internet Explorer.</p><![endif]-->

<!--[if true]>You are using an <em>uplevel</em> browser.<![endif]-->
<![if false]>You are using a <em>downlevel</em> browser.<![endif]>

<!--[if true]><![if IE 7]><p>This nested comment is displayed in IE 7.</p><![endif]><![endif]-->
上一篇下一篇

猜你喜欢

热点阅读