让网页根据不同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 相关文章推荐
Valerio 发布了 Mootools
Sep 23 Javascript
在修改准备发的批量美化select+可修改select时,在非IE下发现了几个问题
Jan 09 Javascript
在JavaScript中实现类的方式探讨
Aug 28 Javascript
分享Javascript中最常用的55个经典小技巧
Nov 29 Javascript
javascript 中that的含义示例介绍
May 14 Javascript
jQuery插件slicebox实现3D动画图片轮播切换特效
Apr 12 Javascript
javascript实现table选中的行以指定颜色高亮显示的方法
May 13 Javascript
javascript实现类似java中getClass()得到对象类名的方法
Jul 27 Javascript
jQuery hover事件简单实现同时绑定2个方法
Jun 07 Javascript
JS使用iView的Dropdown实现一个右键菜单
May 06 Javascript
vue+高德地图实现地图搜索及点击定位操作
Sep 09 Javascript
JavaScript中跨域问题的深入理解
Mar 04 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
Sony CFR 320 修复改造
2020/03/14 无线电
Session服务器配置指南与使用经验的深入解析
2013/06/17 PHP
php小经验:解析preg_match与preg_match_all 函数
2013/06/29 PHP
js 图片轮播(5张图片)
2008/12/30 Javascript
javascript 放大镜 v1.0 基于Yui2 实现的放大镜效果
2010/03/08 Javascript
Javascript 面向对象 对象(Object)
2010/05/13 Javascript
js预载入和JavaScript Image()对象使用介绍
2011/08/28 Javascript
Json对象与Json字符串互转(4种转换方式)
2013/03/27 Javascript
判断是否安装flash player及当前版本的JS代码
2013/08/08 Javascript
js克隆对象、数组的常用方法介绍
2013/09/26 Javascript
深入理解javascript动态插入技术
2013/11/12 Javascript
jquery解析xml字符串简单示例
2014/04/11 Javascript
js实现页面跳转重定向的几种方式
2014/05/29 Javascript
jQuery实现跨域iframe接口方法调用
2015/03/14 Javascript
JQuery调用绑定click事件的3种写法
2015/03/28 Javascript
原生JS实现在线问卷调查投票特效
2017/01/03 Javascript
AngularJS之自定义服务详解(factory、service、provider)
2017/04/14 Javascript
jQuery实现的简单对话框拖动功能示例
2018/06/05 jQuery
vue 循环加载数据并获取第一条记录的方法
2018/09/26 Javascript
jQuery实现为table表格动态添加或删除tr功能示例
2019/02/19 jQuery
js prototype深入理解及应用实例分析
2019/11/25 Javascript
Vue组件为什么data必须是一个函数
2020/06/11 Javascript
Vue仿百度搜索功能
2020/12/28 Vue.js
[01:22:42]2014 DOTA2华西杯精英邀请赛 5 24 DK VS LGD
2014/05/26 DOTA
python发送arp欺骗攻击代码分析
2014/01/16 Python
利用django-suit模板添加自定义的菜单、页面及设置访问权限
2018/07/13 Python
python dataframe向下向上填充,fillna和ffill的方法
2018/11/28 Python
Python和Go语言的区别总结
2019/02/20 Python
python+pygame实现坦克大战
2019/09/10 Python
Python flask路由间传递变量实例详解
2020/06/03 Python
手工制作的音乐盒:Music Box Attic
2019/09/05 全球购物
餐饮业员工工作决心书
2014/03/11 职场文书
建筑工地宣传标语
2014/06/18 职场文书
2015个人年度工作总结范文
2015/05/28 职场文书
2015初中团支部工作总结
2015/07/21 职场文书
nginx静态资源的服务器配置方法
2022/07/07 Servers