您好,登錄后才能下訂單哦!
這篇文章主要介紹“IE條件注有哪些優(yōu)點(diǎn)”,在日常操作中,相信很多人在IE條件注有哪些優(yōu)點(diǎn)問(wèn)題上存在疑惑,小編查閱了各式資料,整理出簡(jiǎn)單好用的操作方法,希望對(duì)大家解答”IE條件注有哪些優(yōu)點(diǎn)”的疑惑有所幫助!接下來(lái),請(qǐng)跟著小編一起來(lái)學(xué)習(xí)吧!
概述
如果你厭煩了為低版本IE寫(xiě)又臭又長(zhǎng)的hack,IE條件注釋將是比較優(yōu)美的解決方法。當(dāng)然條件注釋的功能不僅僅是以上那些功能,除了規(guī)避寫(xiě)出惡心的hack,它還可以針對(duì)不同的IE版本(IE5.5-9,IE10不支持條件注釋?zhuān)┳龀霾煌南鄳?yīng),比如針對(duì)不同IE加載不同的樣式,或者腳本等等,更多的功能等待我們的發(fā)掘和運(yùn)用。
條件注釋簡(jiǎn)介
IE中的條件注釋?zhuān)–onditional comments)對(duì)IE的版本和IE非IE有優(yōu)秀的區(qū)分能力,是WEB設(shè)計(jì)中常用的hack方法。
條件注釋只能用于IE5以上,IE10以上不支持。
如果你安裝了多個(gè)IE,條件注釋將會(huì)以最高版本的IE為標(biāo)準(zhǔn)。
條件注釋的基本結(jié)構(gòu)和HTML的注釋(<!– –>)是一樣的。因此IE以外的瀏覽器將會(huì)把它們看作是普通的注釋而完全忽略它們。
IE將會(huì)根據(jù)if條件來(lái)判斷是否如解析普通的頁(yè)面內(nèi)容一樣解析條件注釋里的內(nèi)容。
條件注釋語(yǔ)法
項(xiàng)目 | 范例 | 說(shuō)明 |
---|---|---|
! | [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運(yùn)算符。這是擺立即在前面的功能,操作員,或子表達(dá)式扭轉(zhuǎn)布爾表達(dá)式的意義。 |
lt | [if lt IE 5.5] | The less-than operator. Returns true if the first argument is less than the second argument. 小于運(yùn)算符。如果第一個(gè)參數(shù)小于第二個(gè)參數(shù),則返回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. 小于或等于運(yùn)算。如果第一個(gè)參數(shù)是小于或等于第二個(gè)參數(shù),則返回true。 |
gt | [if gt IE 5] | The greater-than operator. Returns true if the first argument is greater than the second argument. 大于運(yùn)算符。如果第一個(gè)參數(shù)大于第二個(gè)參數(shù),則返回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. 大于或等于運(yùn)算。如果第一個(gè)參數(shù)是大于或等于第二個(gè)參數(shù),則返回true。 |
( ) | [if !(IE 7)] | Subexpression operators. Used in conjunction with boolean operators to create more complex expressions. 子表達(dá)式運(yùn)營(yíng)商。在與布爾運(yùn)算符用于創(chuàng)建更復(fù)雜的表達(dá)式。 |
& | [if (gt IE 5)&(lt IE 7)] | The AND operator. Returns true if all subexpressions evaluate to true AND運(yùn)算符。如果所有的子表達(dá)式計(jì)算結(jié)果為true,返回true |
| | [if (IE 6)|(IE 7)] | The OR operator. Returns true if any of the subexpressions evaluates to true. OR運(yùn)算符。返回true,如果子表達(dá)式計(jì)算結(jié)果為true。 |
條件注釋使用方法示例
<!–[if IE 5]>僅IE5.5可見(jiàn)<![endif]–>
<!–[if gt IE 5.5]>僅IE 5.5以上可見(jiàn)<![endif]–>
<!–[if lt IE 5.5]>僅IE 5.5以下可見(jiàn)<![endif]–>
<!–[if gte IE 5.5]>IE 5.5及以上可見(jiàn)<![endif]–>
<!–[if lte IE 5.5]>IE 5.5及以下可見(jiàn)<![endif]–>
<!–[if !IE 5.5]>非IE 5.5的IE可見(jiàn)<![endif]–>
條件注釋使用案例
特別提示:
1、有人會(huì)試圖使用<!--[if !IE]>來(lái)定義非IE瀏覽器下的狀況,但注意:條件注釋只有在IE瀏覽器下才能執(zhí)行,這個(gè)代碼在非IE瀏覽下被當(dāng)做注釋視而不見(jiàn)。
2、我們通常用IE條件注釋根據(jù)瀏覽器不同載入不同css,從而解決樣式兼容性問(wèn)題的。其實(shí)它可以做的更多。它可以保護(hù)任何代碼塊——HTML代碼塊、JavaScript代碼塊、服務(wù)器端代碼……看看下面的代碼。
代碼如下:
<!--[if IE]>
<script type="text/javascript">
alert("你使用的是IE瀏覽器!");
</script>
<![endif]-->
到此,關(guān)于“IE條件注有哪些優(yōu)點(diǎn)”的學(xué)習(xí)就結(jié)束了,希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí),快去試試吧!若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí),請(qǐng)繼續(xù)關(guān)注億速云網(wǎng)站,小編會(huì)繼續(xù)努力為大家?guī)?lái)更多實(shí)用的文章!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。