让网页根据不同IE版本显示不同的内容


Posted in Javascript onFebruary 08, 2009

这篇blog 主要讲如何让静态HTML代码根据不同IE版本显示不同内容。 这里的技巧就是利用IE的HTML注释表达式。
HTML 的注释格式是 <!-- Comment content --> , IE 对HTML注释做了一些扩展,使之可以支持条件判断表达式:
<!--[if expression]> HTML <![endif]--> 当表达式expression 为True 的时候,显示 HTML 内容。
例子:

<!--[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]-->
Javascript 相关文章推荐
Prototype Object对象 学习
Jul 12 Javascript
javascript获取下拉列表框当中的文本值示例代码
Jul 31 Javascript
浅析jQuery EasyUI中的tree使用指南
Dec 18 Javascript
jQuery实现带有洗牌效果的动画分页实例
Aug 31 Javascript
自定义Angular指令与jQuery实现的Bootstrap风格数据双向绑定的单选与多选下拉框
Dec 12 Javascript
ES6新特性五:Set与Map的数据结构实例分析
Apr 21 Javascript
浅谈angular表单提交中ng-submit的默认使用方法
Sep 30 Javascript
js指定日期增加指定月份的实现方法
Dec 19 Javascript
原生javascript实现连连看游戏
Jan 03 Javascript
vue cli4下环境变量和模式示例详解
Apr 09 Javascript
在Webpack中用url-loader处理图片和字体的问题
Apr 28 Javascript
JavaScript实现一键复制内容剪贴板
Jul 23 Javascript
jQuery 页面载入进度条实现代码
Feb 08 #Javascript
JQuery 常用方法基础教程
Feb 06 #Javascript
[Web]防止用户复制页面内容和另存页面的方法
Feb 06 #Javascript
javascript 学习之旅 (3)
Feb 05 #Javascript
javascript 学习之旅 (2)
Feb 05 #Javascript
javascript 学习之旅 (1)
Feb 05 #Javascript
JAVASCRIPT keycode总结
Feb 04 #Javascript
You might like
用PHP+MySql编写聊天室
2006/10/09 PHP
PHP中include()与require()的区别说明
2010/03/10 PHP
YII使用url组件美化管理的方法
2015/12/28 PHP
php实现购物车功能(以大苹果购物网为例)
2017/03/09 PHP
php常用字符串查找函数strstr()与strpos()实例分析
2019/06/21 PHP
PHP保留两位小数的几种方法
2019/07/24 PHP
PHP实现统计代码行数小工具
2019/09/19 PHP
JS 如何获取radio选中后的值及不选择取radio的值
2013/10/28 Javascript
JS组件Bootstrap按钮组与下拉按钮详解
2016/05/10 Javascript
vue源码解析之事件机制原理
2018/04/21 Javascript
JavaScript类的继承方法小结【组合继承分析】
2018/07/11 Javascript
Jquery $.map使用方法实例详解
2020/09/01 jQuery
[01:17:55]VGJ.T vs Mineski 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/20 DOTA
关于python的list相关知识(推荐)
2017/08/30 Python
一文总结学习Python的14张思维导图
2017/10/17 Python
Python抓取聚划算商品分析页面获取商品信息并以XML格式保存到本地
2018/02/23 Python
python爬虫获取淘宝天猫商品详细参数
2020/06/23 Python
python发送邮件脚本
2018/05/22 Python
Django rest framework实现分页的示例
2018/05/24 Python
Python OpenCV对本地视频文件进行分帧保存的实例
2019/01/08 Python
对python 合并 累加两个dict的实例详解
2019/01/21 Python
解决Pycharm后台indexing导致不能run的问题
2019/06/27 Python
通过python实现随机交换礼物程序详解
2019/07/10 Python
Python实现栈和队列的简单操作方法示例
2019/11/29 Python
pytorch 求网络模型参数实例
2019/12/30 Python
使用python处理题库表格并转化为word形式的实现
2020/04/14 Python
python通过cython加密代码
2020/12/11 Python
西班牙汉普顿小姐:购买帆布鞋和太阳镜
2016/10/23 全球购物
学校经典推荐信
2013/10/30 职场文书
预备党员的自我评价
2014/03/12 职场文书
医学生自我鉴定范文
2014/03/26 职场文书
中专毕业生的自荐书
2014/07/01 职场文书
单位工作证明书格式
2014/10/04 职场文书
【海涛教你打DOTA】剑圣第一人称视角解说
2022/04/01 DOTA
拙作再改《我的收音机情缘》
2022/04/05 无线电
MySQL生成千万测试数据以及遇到的问题
2022/08/05 MySQL