让网页根据不同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 相关文章推荐
发布一个高效的JavaScript分析、压缩工具 JavaScript Analyser
Nov 30 Javascript
Prototype源码浅析 String部分(三)之HTML字符串处理
Jan 15 Javascript
基于javascript 闭包基础分享
Jul 10 Javascript
多个jquery.datatable共存,checkbox全选异常的快速解决方法
Dec 10 Javascript
JS中的构造函数详细解析
Mar 10 Javascript
javascript实现可拖动变色并关闭层窗口实例
May 15 Javascript
jquery+CSS实现的水平布局多级网页菜单效果
Aug 24 Javascript
基于js里调用函数时,函数名带括号和不带括号的区别
Jul 28 Javascript
js利用for in循环获取 一个对象的所有属性以及值的实例
Mar 30 Javascript
React传值 组件传值 之间的关系详解
Aug 26 Javascript
VUE实现图片验证码功能
Nov 18 Javascript
Vue组件模板的几种书写形式(3种)
Feb 19 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-timeit估计php函数的执行时间
2015/09/06 PHP
ThinkPHP中类的构造函数_construct()与_initialize()的区别详解
2017/03/13 PHP
php微信公众号开发之图片回复
2018/10/20 PHP
JQuery读取XML文件数据并显示的实现代码
2009/12/16 Javascript
HTML DOM的nodeType值介绍
2011/03/31 Javascript
datagrid框架的删除添加与修改
2013/04/08 Javascript
js判断FCKeditor内容是否为空的两种形式
2013/05/14 Javascript
jQuery中操控hidden、disable等无值属性的方法
2014/01/06 Javascript
深入理解JavaScript系列(48):对象创建模式(下篇)
2015/03/04 Javascript
基于jQuery实现拖拽图标到回收站并删除功能
2015/11/25 Javascript
jquery 实现复选框的全选操作实例代码
2017/01/24 Javascript
用javascript获取任意颜色的更亮或更暗颜色值示例代码
2017/07/21 Javascript
Kindeditor单独调用多图上传实例
2017/07/31 Javascript
如何开发出更好的JavaScript模块
2017/12/22 Javascript
JS声明对象时属性名加引号与不加引号的问题及解决方法
2018/02/16 Javascript
Electron-vue开发的客户端支付收款工具的实现
2019/05/24 Javascript
jquery实现拖拽添加元素功能
2020/12/01 jQuery
Vue解决移动端弹窗滚动穿透问题
2020/12/15 Vue.js
前端如何实现动画过渡效果
2021/02/05 Javascript
[53:13]DOTA2-DPC中国联赛 正赛 DLG vs PHOENIX BO3 第三场 1月18日
2021/03/11 DOTA
Python 文件和输入输出小结
2013/10/09 Python
python3模拟百度登录并实现百度贴吧签到示例分享(百度贴吧自动签到)
2014/02/24 Python
Python3基础之输入和输出实例分析
2014/08/18 Python
Python中使用装饰器时需要注意的一些问题
2015/05/11 Python
Python fileinput模块使用实例
2015/05/28 Python
python读取文本绘制动态速度曲线
2018/06/21 Python
PyQt打开保存对话框的方法和使用详解
2019/02/27 Python
python pytest进阶之conftest.py详解
2019/06/27 Python
python 求定积分和不定积分示例
2019/11/20 Python
Python 添加文件注释和函数注释操作
2020/08/09 Python
使用html5 canvas 画时钟代码实例分享
2015/11/11 HTML / CSS
美国学校校服,儿童和婴儿服装:Cookie’s Kids
2016/10/14 全球购物
俄罗斯在线水暖商店:Perfecto.ru
2019/10/25 全球购物
文员个人求职自荐信
2013/09/21 职场文书
优秀党务工作者先进事迹材料
2014/12/25 职场文书
会议新闻稿
2015/07/17 职场文书