让网页根据不同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实现一键回顶功能示例代码
Oct 28 Javascript
jquery通过a标签删除table中的一行的代码
Dec 02 Javascript
button没写type=button会导致点击时提交
Mar 06 Javascript
深入理解javascript中的立即执行函数(function(){…})()
Jun 12 Javascript
JavaScript中boolean类型之三种情景实例代码
Nov 21 Javascript
jQuery实现获取隐藏div高度的方法示例
Feb 09 Javascript
Webpack 4.x搭建react开发环境的方法步骤
Aug 15 Javascript
vue+Vue Router多级侧导航切换路由(页面)的实现代码
Dec 20 Javascript
中高级前端必须了解的JS中的内存管理(推荐)
Jul 04 Javascript
JS异步处理的进化史深入讲解
Aug 25 Javascript
微信小程序实现二维码签到考勤系统
Jan 16 Javascript
Javascript作用域和作用域链原理解析
Mar 03 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 select,radio和checkbox默认选择的实现方法
2010/05/15 PHP
php获取汉字首字母的函数
2013/11/07 PHP
一个PHP的ZIP压缩类分享
2014/05/04 PHP
PHP使用fopen与file_get_contents读取文件实例分享
2016/03/04 PHP
yii2整合百度编辑器umeditor及umeditor图片上传问题的解决办法
2016/04/20 PHP
Laravel 不同生产环境服务器的判断实践
2019/10/15 PHP
Z-Blog中用到的js代码
2007/03/15 Javascript
JS子父窗口互相操作取值赋值的方法介绍
2013/05/11 Javascript
ext前台接收action传过来的json数据示例
2014/06/17 Javascript
JS实现生成会变大变小的圆环实例
2015/08/05 Javascript
4种JavaScript实现简单tab选项卡切换的方法
2016/01/06 Javascript
JS/jQ实现免费获取手机验证码倒计时效果
2016/06/13 Javascript
javascript用正则表达式过滤空格的实现代码
2016/06/14 Javascript
javascript获取指定区间范围随机数的方法
2017/09/08 Javascript
HTML5开发Kinect体感游戏的实例应用
2017/09/18 Javascript
vue-router中scrollBehavior的巧妙用法
2018/07/09 Javascript
js+canvas实现验证码功能
2020/09/21 Javascript
python实现自动登录人人网并采集信息的方法
2015/06/28 Python
python和bash统计CPU利用率的方法
2015/07/10 Python
django认证系统实现自定义权限管理的方法
2018/07/16 Python
Python实现的在特定目录下导入模块功能分析
2019/02/11 Python
python将图片转base64,实现前端显示
2020/01/09 Python
matlab中imadjust函数的作用及应用举例
2020/02/27 Python
HTML+CSS3 模仿Windows7 桌面效果
2010/06/17 HTML / CSS
HTML5在IE10、火狐下中文乱码问题的解决方法
2013/11/18 HTML / CSS
在HTML5中使用MathML数学公式的简单讲解
2016/02/19 HTML / CSS
英国高街奥特莱斯:Highstreet Outlet
2019/11/21 全球购物
请解释在new与override的区别
2012/10/29 面试题
收银员的岗位职责范本
2014/02/04 职场文书
《满井游记》教学反思
2014/02/26 职场文书
市委常委班子党的群众路线教育实践活动整改措施
2014/10/02 职场文书
八一建军节慰问信
2015/02/14 职场文书
2015年保育员个人工作总结
2015/05/13 职场文书
导游词之峨眉山
2019/12/16 职场文书
Oracle更换为MySQL遇到的问题及解决
2021/05/21 Oracle
你知道Java Spring的两种事务吗
2022/03/16 Java/Android