让网页根据不同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 相关文章推荐
在页面上用action传递参数到后台出现乱码的解决方法
Dec 31 Javascript
Jquery原生态实现表格header头随滚动条滚动而滚动
Mar 18 Javascript
jQuery瀑布流插件Wookmark使用实例
Apr 02 Javascript
jsMind通过鼠标拖拽的方式调整节点位置
Apr 13 Javascript
window.onload与$(document).ready()的区别分析
May 30 Javascript
JS DOM实现鼠标滑动图片效果
Sep 17 Javascript
jquery UI Datepicker时间控件的使用及问题解决
Apr 28 Javascript
JavaScript必知必会(二) null 和undefined
Jun 08 Javascript
利用Js的console对象,在控制台打印调式信息测试Js的实现
Nov 26 Javascript
元素全屏的设置与监听实例
Nov 28 Javascript
JavaScript栈和队列相关操作与实现方法详解
Dec 07 Javascript
webgl实现物体描边效果的方法介绍
Nov 27 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简洁函数小结
2011/08/12 PHP
web站点获取用户IP的安全方法 HTTP_X_FORWARDED_FOR检验
2013/06/01 PHP
php顺序查找和二分查找示例
2014/03/27 PHP
PHP对象克隆clone用法示例
2016/09/28 PHP
php设计模式之原型模式分析【星际争霸游戏案例】
2020/03/23 PHP
jQuery 点击图片跳转上一张或下一张功能的实现代码
2010/03/12 Javascript
JQuery的Validation插件中Remote验证的中文问题
2010/07/26 Javascript
Google的跟踪代码 动态加载js代码方法应用
2012/11/12 Javascript
固定表格行列(expression)在IE下适用
2013/07/25 Javascript
jquery的相对父元素和相对文档定位示例代码
2013/08/02 Javascript
jQuery实现购物车多物品数量的加减+总价计算
2014/06/06 Javascript
js怎么覆盖原有方法实现重写
2014/09/04 Javascript
Javascript快速排序算法详解
2014/12/03 Javascript
Bootstrap实现响应式导航栏效果
2015/12/28 Javascript
三种AngularJS中获取数据源的方式
2016/02/02 Javascript
vue-router实现组件间的跳转(参数传递)
2017/11/07 Javascript
vue 页面加载进度条组件实例
2018/02/05 Javascript
JavaScript中常见内置函数用法示例
2018/05/14 Javascript
大转盘抽奖小程序版 转盘抽奖网页版
2020/04/16 Javascript
layui实现图片虚拟路径上传,预览和删除的例子
2019/09/25 Javascript
在vue中created、mounted等方法使用小结
2020/07/21 Javascript
JavaScript 中的六种循环方法
2021/01/06 Javascript
详解ES6实现类的私有变量的几种写法
2021/02/10 Javascript
对python-3-print重定向输出的几种方法总结
2018/05/11 Python
selenium+python自动化测试之环境搭建
2019/01/23 Python
python 利用pandas将arff文件转csv文件的方法
2019/02/12 Python
解决Python3.8用pip安装turtle-0.0.2出现错误问题
2020/02/11 Python
Python文本文件的合并操作方法代码实例
2020/03/31 Python
容易被忽略的Python内置类型
2020/09/03 Python
美国一家主营日韩美妆护肤品的在线商店:iMomoko
2016/09/11 全球购物
火山咖啡:Volcanica Coffee
2019/10/29 全球购物
实习老师离校感言
2014/02/03 职场文书
2015年国税春训心得体会
2015/03/09 职场文书
工作迟到检讨书范文
2015/05/06 职场文书
同事欢送会致辞
2015/07/31 职场文书
2016教师给学生的毕业寄语
2015/12/04 职场文书