判斷IE版本的HTML語句詳解,如:

咱們經常會在網頁的HTML裏面看到形如[if lte IE 9]……[endif]的代碼,表示的是限定某些瀏覽器版本才能執行的語句,那麼這些判斷語句的規則是什麼呢?請看下文:javascript

注意:如下用法不支持IE10和IE11java

<!--[if !IE]><!--> 除IE外均可識別(不是IE) <!--<![endif]-->
<!--[if IE]> 全部的IE可識別 <![endif]-->
<!--[if IE 6]> 僅IE6可識別 <![endif]-->
<!--[if lt IE 6]> IE6以及IE6如下版本可識別 <![endif]-->
<!--[if gte IE 6]> IE6以及IE6以上版本可識別 <![endif]-->
<!--[if IE 7]> 僅IE7可識別 <![endif]-->
<!--[if lt IE 7]> IE7以及IE7如下版本可識別 <![endif]-->
<!--[if gte IE 7]> IE7以及IE7以上版本可識別 <![endif]-->
<!--[if IE 8]> 僅IE8可識別 <![endif]-->
<!--[if IE 9]> 僅IE9可識別 <![endif]-->express

 

項目 範例 說明
! <!--[if !IE]><!--> The NOT operator. This is placed immediately in front of the feature, operator, or subexpression to reverse the Boolean meaning of the expression.
NOT運算符。這是擺當即在前面的功能,操做員,或子表達式扭轉布爾表達式的意義。
lt [if lt IE 5.5] The less-than operator. Returns true if the first argument is less than the second argument.
小於運算符。若是第一個參數小於第二個參數,則返回true。
lte [if lte IE 6] The less-than or equal operator. Returns true if the first argument is less than or equal to the second argument.
小於或等於運算。若是第一個參數是小於或等於第二個參數,則返回true。
gt [if gt IE 5] The greater-than operator. Returns true if the first argument is greater than the second argument.
大於運算符。若是第一個參數大於第二個參數,則返回true。
gte [if gte IE 7] The greater-than or equal operator. Returns true if the first argument is greater than or equal to the second argument.
大於或等於運算。若是第一個參數是大於或等於第二個參數,則返回true。
( ) [if !(IE 7)] Subexpression operators. Used in conjunction with boolean operators to create more complex expressions.
子表達式運營商。在與布爾運算符用於建立更復雜的表達式。
& [if (gt IE 5)&(lt IE 7)] The AND operator. Returns true if all subexpressions evaluate to true
AND運算符。若是全部的子表達式計算結果爲true,返回true
| [if (IE 6)|(IE 7)] The OR operator. Returns true if any of the subexpressions evaluates to true.
OR運算符。返回true,若是子表達式計算結果爲true。

 

<!--[if lt IE 9]>
加載CSS1
<!--[else]>
加載CSS2
<![endif]-->

這樣有效是有效,可是用HTML VALIDATOR裏,報錯,由於這個不符合XHTML 1.1的規範,
若是把ELSE語句去掉,則正確.瀏覽器

方法1:less

加載CSS2
<!--[if lt IE 9]>
加載CSS1(能夠把要重寫的寫在這裏).
<![endif]-->lua

<!--[if lte IE 6]>
<![endif]-->
IE6及其如下版本可見
 
<!--[if lte IE 7]>
<![endif]-->
IE7及其如下版本可見
 
<!--[if IE 6]>
<![endif]-->
只有IE6版本可見
 
<![if !IE]>
<![endif]>
除了IE之外的版本
 
<!--[if lt IE 8]>
<![endif]-->
IE8及其如下的版本可見
 
<!--[if gte IE 7]>
<![endif]-->
IE7及其如下的版本可見
 
用法:
(1)
可以使用以下代碼檢測當前IE瀏覽器的版本(注意:在非IE瀏覽器中是看不到效果的) <!––[if IE]>
       <h1>您正在使用IE瀏覽器</h1>        <!––[if IE 5]>
           <h2>版本 5</h2>        <![endif]––>
       <!––[if IE 5.0]>
           <h2>版本 5.0</h2>        <![endif]––>
       <!––[if IE 5.5]>
           <h2>版本 5.5</h2>        <![endif]––>
       <!––[if IE 6]>
           <h2>版本 6</h2>        <![endif]––>
       <!––[if IE 7]>
           <h2>版本 7</h2>        <![endif]––>
<![endif]––>

那若是當前的瀏覽器是IE,但版本比IE5還低,該怎麼辦呢,可使用<!–[if ls IE 5]>,固然,根據條件註釋只能在IE5+的環境之下,因此<!–[if ls IE 5]>根本不會被執行。 lte:就是Less than or equal to的簡寫,也就是小於或等於的意思。 lt :就是Less than的簡寫,也就是小於的意思。 gte:就是Greater than or equal to的簡寫,也就是大於或等於的意思。 gt :就是Greater than的簡寫,也就是大於的意思。 ! : 就是不等於的意思,跟javascript裏的不等於判斷符相同。ip

相關文章
相關標籤/搜索