让网页根据不同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 相关文章推荐
js 小数取整的函数
May 10 Javascript
JQuery 1.3.2以上版本中出现pareseerror错误的解决方法
Jan 11 Javascript
用js实现table单元格高宽调整,兼容合并单元格(兼容IE6、7、8、FF)实例
Jun 25 Javascript
利用jquery写的左右轮播图特效
Feb 12 Javascript
浅谈javascript对象模型和function对象
Dec 26 Javascript
js获取时间并实现字符串和时间戳之间的转换
Jan 05 Javascript
javascript解析xml实现省市县三级联动的方法
Jul 25 Javascript
angular.js+node.js实现下载图片处理详解
Mar 31 Javascript
前端主流框架vue学习笔记第一篇
Jul 26 Javascript
JS获取并处理php数组的方法实例分析
Sep 04 Javascript
学习node.js 断言的使用详解
Mar 18 Javascript
webpack4手动搭建Vue开发环境实现todoList项目的方法
May 16 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
《猛禽小队》:DC宇宙的又一超级大烂片
2020/04/09 欧美动漫
PHP中str_replace函数使用小结
2008/10/11 PHP
PHP无限分类代码,支持数组格式化、直接输出菜单两种方式
2011/05/18 PHP
深入php多态的实现详解
2013/06/09 PHP
php通过Chianz.com获取IP地址与地区的方法
2015/01/14 PHP
PHP+Mysql+jQuery实现发布微博程序 php篇
2015/10/15 PHP
syntaxhighlighter 使用方法
2007/07/02 Javascript
ImageFlow可鼠标控制图片滚动
2008/01/30 Javascript
JavaScript实现鼠标点击后层展开效果的方法
2015/05/13 Javascript
JS实现状态栏跑马灯文字效果代码
2015/10/24 Javascript
基于jQuery实现返回顶部实例代码
2016/01/01 Javascript
javascript判断图片是否加载完成的方法推荐
2016/05/13 Javascript
简单谈谈关于 npm 5.0 的新坑
2017/06/08 Javascript
基于DOM节点删除之empty和remove的区别(详解)
2017/09/11 Javascript
angular将html代码输出为内容的实例
2018/09/30 Javascript
使用RxJS更优雅地进行定时请求详析
2019/06/02 Javascript
jQuery实现简易聊天框
2020/02/08 jQuery
JavaScript 引用类型实例详解【数组、对象、严格模式等】
2020/05/13 Javascript
vue+node 实现视频在线播放的实例代码
2020/10/19 Javascript
[01:09:01]完美世界DOTA2联赛循环赛 Magma vs PXG BO2第一场 10.28
2020/10/28 DOTA
在Linux上安装Python的Flask框架和创建第一个app实例的教程
2015/03/30 Python
python 借助numpy保存数据为csv格式的实现方法
2018/07/04 Python
Python实现曲线拟合操作示例【基于numpy,scipy,matplotlib库】
2018/07/12 Python
python训练数据时打乱训练数据与标签的两种方法小结
2018/11/08 Python
Python字典循环添加一键多值的用法实例
2019/01/20 Python
django 类视图的使用方法详解
2019/07/24 Python
用python wxpy管理微信公众号并利用微信获取自己的开源数据
2019/07/30 Python
python 实现弹球游戏的示例代码
2020/11/17 Python
Python 利用flask搭建一个共享服务器的步骤
2020/12/05 Python
Under Armour西班牙官网:美国知名的高端功能性运动品牌
2018/12/12 全球购物
颇特女士香港官网:NET-A-PORTER香港
2021/03/08 全球购物
人力资源主管岗位职责
2014/01/29 职场文书
烹饪大赛策划方案
2014/05/26 职场文书
学校德育工作总结2015
2015/05/11 职场文书
Nginx反向代理学习实例教程
2021/10/24 Servers
MySQL 表锁定 LOCK和UNLOCK TABLES的 SQL语法
2022/04/18 MySQL