讓網(wǎng)頁根據(jù)不同IE版本顯示不同的內(nèi)容
更新時間：2009年02月08日 16:12:50 作者：
在上一篇blog 《IE8里判斷當前網(wǎng)頁顯示模式》里面提到IE有不同的顯示模式以及如何用Javascript 來動態(tài)判定。 Web開發(fā)者可以根據(jù)不同顯示模式導入不同的內(nèi)容。
這篇blog 主要講如何讓靜態(tài)HTML代碼根據(jù)不同IE版本顯示不同內(nèi)容。 這里的技巧就是利用IE的HTML注釋表達式。
HTML 的注釋格式是 <!-- Comment content --> ， IE 對HTML注釋做了一些擴展，使之可以支持條件判斷表達式：
<!--[if expression]> HTML <![endif]--> 當表達式expression 為True 的時候，顯示 HTML 內(nèi)容。
例子：
<!--[if IE 5]>
<p>Welcome to Internet Explorer 5.</p>
<![endif]-->
<!--[if IE 5]>
<p>Welcome to Internet Explorer 5.</p>
<![endif]-->
和編程語言類似，這里的表達式還支持大于(gt)、小于(lt)、 與或非 等操作符。 下面是一些例子。
[if IE] 判斷是否IE
[if IE 7] 判斷是否是IE7
[if !IE] 判斷是否不是IE
[if lt IE 5.5] 判斷是否是IE5.5 以下版本。 (<)
[if lte IE 6] 判斷是否等于IE6 版本或者以下 (<=)
[if gt IE 5] 判斷是否IE5以上版本 （> ）
[if gte IE 7] 判斷是否 IE7 版本或者以上
[if !(IE 7)] 判斷是否不是IE7
[if (gt IE 5)&(lt IE 7)] 判斷是否大于IE5， 小于IE7
[if (IE 6)|(IE 7)] 判斷是否IE6 或者 IE7
代碼示例：
<!--[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]-->
HTML 的注釋格式是 <!-- Comment content --> ， IE 對HTML注釋做了一些擴展，使之可以支持條件判斷表達式：
<!--[if expression]> HTML <![endif]--> 當表達式expression 為True 的時候，顯示 HTML 內(nèi)容。
例子：
復制代碼 代碼如下:
<!--[if IE 5]>
<p>Welcome to Internet Explorer 5.</p>
<![endif]-->
<!--[if IE 5]>
<p>Welcome to Internet Explorer 5.</p>
<![endif]-->
和編程語言類似，這里的表達式還支持大于(gt)、小于(lt)、 與或非 等操作符。 下面是一些例子。
[if IE] 判斷是否IE
[if IE 7] 判斷是否是IE7
[if !IE] 判斷是否不是IE
[if lt IE 5.5] 判斷是否是IE5.5 以下版本。 (<)
[if lte IE 6] 判斷是否等于IE6 版本或者以下 (<=)
[if gt IE 5] 判斷是否IE5以上版本 （> ）
[if gte IE 7] 判斷是否 IE7 版本或者以上
[if !(IE 7)] 判斷是否不是IE7
[if (gt IE 5)&(lt IE 7)] 判斷是否大于IE5， 小于IE7
[if (IE 6)|(IE 7)] 判斷是否IE6 或者 IE7
代碼示例：
復制代碼 代碼如下:
<!--[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]-->
相關文章
本文主要介紹了canvas實現(xiàn)流星雨的背景效果的示例代碼。具有一定的參考價值，下面跟著小編一起來看下吧2017-01-01
封裝一個vue中也可使用的uniapp的全局彈窗組件(任何頁面都可以彈出)
在寫uniapp小程序的時候,彈窗提醒經(jīng)常會用到,雖然彈窗的組件很多,但是通常別人封裝好的彈窗組件自定義度不高,很難匹配自己的ui需求,這篇文章主要給大家介紹了封裝一個vue中也可使用的uniapp的全局彈窗組件的相關資料,這個組件在任何頁面都可以彈出,需要的朋友可以參考下2023-02-02
這篇文章主要為大家詳細介紹了JS實現(xiàn)密碼框效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-09-09
這篇文章主要介紹了js時間戳轉為日期格式的方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2015-12-12
當我們在文本框里輸入文字敲下回車后，希望在提交后網(wǎng)頁也顯示是換行的效果,可往往并不能如愿以償啊，實在是憤怒啊自己寫了一個回車換行處理的函數(shù)，感興趣的朋友可以了解下啊，希望本文對你有所幫助2013-01-01
js實現(xiàn)鼠標點擊文本框自動選中內(nèi)容的方法
這篇文章主要介紹了js實現(xiàn)鼠標點擊文本框自動選中內(nèi)容的方法,涉及javascript鼠標點擊事件onClick及選擇事件select的使用技巧,非常簡單實用,需要的朋友可以參考下2015-08-08
修改frameset的cols屬性來達到修改各個頁面所占的寬高，例如隱藏當前frame頁等等，感興趣的朋友可以了解下2013-09-09
JavaScript 設計模式 富有表現(xiàn)力的Javascript（一）
javascript設計模式是圖靈出版，學習中力求每個章節(jié)都細看。2010-05-05
這篇文章主要介紹了使用控制臺破解百小度一個月只準改一次名字的方法和代碼，有需要的小伙伴可以參考下。2015-08-08
這篇文章主要介紹了JS實現(xiàn)的簡單折疊展開動畫效果,可實現(xiàn)類似百度頁面分享按鈕一樣的折疊展開動畫效果,涉及javascript頁面元素屬性動態(tài)操作相關實現(xiàn)技巧,需要的朋友可以參考下2018-04-04