讓網(wǎng)頁根據(jù)不同IE版本顯示不同的內(nèi)容
更新時(shí)間：2009年02月08日 16:12:50 作者：
在上一篇blog 《IE8里判斷當(dāng)前網(wǎng)頁顯示模式》里面提到IE有不同的顯示模式以及如何用Javascript 來動(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 對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]-->
和編程語言類似，這里的表達(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 對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]-->
和編程語言類似，這里的表達(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)文章
把文本中的URL地址轉(zhuǎn)換為可點(diǎn)擊鏈接的JavaScript、PHP自定義函數(shù)
這篇文章主要介紹了把文本中的URL地址轉(zhuǎn)換為可點(diǎn)擊鏈接的JavaScript、PHP自定義函數(shù),需要的朋友可以參考下2014-07-07
性能優(yōu)化篇之Webpack構(gòu)建代碼質(zhì)量壓縮的建議
這篇文章主要介紹了性能優(yōu)化篇之Webpack構(gòu)建代碼質(zhì)量壓縮的建議，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-04-04
如何基于layui的laytpl實(shí)現(xiàn)數(shù)據(jù)綁定的示例代碼
這篇文章主要介紹了如何基于layui的laytpl實(shí)現(xiàn)數(shù)據(jù)綁定的示例代碼，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-04-04
這篇文章主要介紹了詳解CocosCreator消息分發(fā)機(jī)制，詳細(xì)介紹了各模塊的設(shè)計(jì)，同學(xué)們一定要自己看下2021-04-04
表單問題，是個(gè)糾結(jié)的問題，有時(shí)候程序又要前端去處理，那要看你的后臺搭檔怎么樣了，接下來一起探討表單驗(yàn)證吧2013-03-03
JS基礎(chǔ)之undefined與null的區(qū)別分析
在JavaScript開發(fā)中，被人問到：null與undefined到底有啥區(qū)別？一時(shí)間不好回答，特別是undefined，因?yàn)檫@涉及到undefined的實(shí)現(xiàn)原理。2011-08-08
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)留言功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-10-10
下面小編就為大家?guī)硪黄獢?shù)組Array的一些方法(總結(jié))。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-02-02
用js實(shí)現(xiàn)的一個(gè)根據(jù)內(nèi)容自動(dòng)生成表格的函數(shù)
用js實(shí)現(xiàn)的一個(gè)根據(jù)內(nèi)容自動(dòng)生成表格的函數(shù)...2007-08-08
javascript IFrame 強(qiáng)制刷新代碼
經(jīng)常會(huì)使用多個(gè)iframe來展示領(lǐng)域模型主子關(guān)系(主/子單)，測試發(fā)現(xiàn)iframe是有cache功能的2009-07-07