一区二区久久-一区二区三区www-一区二区三区久久-一区二区三区久久精品-麻豆国产一区二区在线观看-麻豆国产视频

IE 條件注釋詳解總結(附實例代碼)

顧名思義,有條件注釋使你能夠根據條件(比如瀏覽器版本)顯示代碼塊。盡管是非標準的,但是有條件注釋對于其他所有瀏覽器作為常規注釋出現,因此本質上是無害的。有條件注釋在Windows上的IE5中首次出現,并且得到了Widnows瀏覽器所有后續版本的支持。

IE的有條件注釋及其有效,而且非常容易記住。主要的缺點是這些注釋需要放在HTML頁面中,而不是放在CSS中。這樣,當你不需要這些東西,或者有所更改的時候,就需要維護很多的地方。

讓我們據幾個例子來看看吧――

只有IE才能識別
因為只有IE5以上的版本才開始支持IE條件注釋,所有“只有IE”才能識別的意思是“只有IE5版本以上”才能識別。
復制代碼 代碼如下:
<!--[if IE]>
<style type="text/css">
@import "test.css";
</style>
<![endif]-->

只有特定版本才能識別
例如,只有IE5才能識別,只有IE6才能識別,只有IE7或者IE8才能識別。識別的條件是特定的版本,高了或者低了都不可以。例如下面的代碼塊,將只會在IE8中有效
復制代碼 代碼如下:
<!--[if IE 8]>
<style type="text/css">
@import "test.css";
</style>
<![endif]-->
 
IE共存 
只有不是特定版本的才能識別
當然,IE瀏覽器需要在5以上的版本,才在討論范圍之內。例如下面的例子中,特定了IE7版本不能識別。
復制代碼 代碼如下:
<!--[if !IE 7]>
<style type="text/css">
@import "test.css";
</style>
<![endif]-->
 
IE共存 
只有高于特定版本才能識別
只有高于制定版本的IE瀏覽器才能識別的代碼塊。
復制代碼 代碼如下:
<!--[if gt IE 7]>
<style type="text/css">
@import "test.css";
</style>
<![endif]-->

有朋友會問,為什么IE7沒有應用到效果呢?那是因為IE7等于IE7,而不是高于IE7。所有IE7也沒有起效果。
等于或者高于特定版本才能識別
復制代碼 代碼如下:
<!--[if gte IE 7]>
<style type="text/css">
@import "test.css";
</style>
<![endif]-->

IE共存 
只有低于特定版本的才能識別
復制代碼 代碼如下:
<!--[if lt IE 7]>
<style type="text/css">
@import "test.css";
</style>
<![endif]-->

IE共存 
等于或者低于特定版本的才能識別
復制代碼 代碼如下:
<!--[if lte IE 7]>
<style type="text/css">
@import "test.css";
</style>
<![endif]-->

IE共存 
關鍵詞解釋
上面那些代碼好像很難記的樣子,其實只要稍微解釋一下關鍵字就很容易記住了。
lt :就是Less than的簡寫,也就是小于的意思。
lte :就是Less than or equal to的簡寫,也就是小于或等于的意思。
gt :就是Greater than的簡寫,也就是大于的意思。
gte:就是Greater than or equal to的簡寫,也就是大于或等于的意思。
!:就是不等于的意思,跟Javascript里的不等于判斷符相同。
這樣解釋一下,是不是好記多了。
關于IE條件注釋的特別說明
只有IE才能識別哦――
曾經看到過下面的代碼,現在想起來不禁有點想笑。這樣的代碼有什么意義嗎?
復制代碼 代碼如下:
<!--[if !IE]>
<style type="text/css">
@import "test.css";
</style>
<![endif]-->

不僅僅是CSS哦
很長時間,我對這個都有一種誤解――以為它就是用來根據瀏覽器不同載入不同css,從而解決樣式兼容性問題的。其實,我錯了。它其實可以做的更多。它可以保護任何代碼塊――HTML代碼塊、JavaScript代碼塊、服務器端代碼……看看下面的代碼。
復制代碼 代碼如下:
<!--[if IE]>
你使用的是IE瀏覽器,還會彈出個框哦。
<script type="text/Javascript">
alert("你使用的是IE瀏覽器!");
</script>
<![endif]-->

JavaScript技術IE 條件注釋詳解總結(附實例代碼),轉載需保留來源!

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

主站蜘蛛池模板: 久久精品国产亚洲网站 | 免费亚洲一区 | 好吊日免费视频 | 国产第一区二区三区在线观看 | 亚洲综合一区二区 | 久久综合五月开心婷婷深深爱 | 亚洲成人7777 | 国产91精品系列在线观看 | 综合伊人| 亚洲国产精久久久久久久 | 久久久精品2018免费观看 | 国产精品美女网站 | 天天天干| 精品91自产拍在线 | 国产福利免费观看 | 加勒比综合在线 | 久久国产小视频 | 草草视频手机在线观看视频 | 六月丁香在线播放 | 久久夜色精品国产飘飘 | 亚洲综合国产 | 欧美色欧美亚洲另类二区不卡 | 在线第一页| 免费观看国产精品视频 | 国产四虎免费精品视频 | 日本欧美一区二区三区高清 | 日本韩国理论片大全在线 | 亚洲国产cao| 精品一区二区三区四区乱码 | 亚洲一区中文字幕在线观看 | 中文字幕一区二区视频 | 亚洲毛毛片| 久9视频这里只有精品 | 99精品国产成人一区二区 | 国产视频首页 | 最新国语精彩对白 | 国产在线精品一区二区不卡 | 久久91精品国产91久 | 久久一级视频 | 91免费播放 | 精品国产免费久久久久久婷婷 |