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