让网页根据不同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 相关文章推荐
Firefox div高度自适应
Apr 28 Javascript
JavaScript模板入门介绍
Sep 26 Javascript
javascript正则表达式参数/g与/i及/gi的使用指南
Aug 27 Javascript
jquery读写cookie操作实例分析
Dec 24 Javascript
JS控制伪元素的方法汇总
Apr 06 Javascript
JavaScript实现简单Tip提示框效果
Apr 20 Javascript
第二章之Bootstrap 页面排版样式
Apr 25 Javascript
JQuery中attr属性和jQuery.data()学习笔记【必看】
May 18 Javascript
JS数组操作(数组增加、删除、翻转、转字符串、取索引、截取(切片)slice、剪接splice、数组合并)
May 20 Javascript
vue事件修饰符和按键修饰符用法总结
Jul 25 Javascript
React Native第三方平台分享的实例(Android,IOS双平台)
Aug 04 Javascript
Vue单文件组件开发实现过程详解
Jul 30 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
VML绘图板②脚本--VMLgraph.js、XMLtool.js
2006/10/09 PHP
控制PHP的输出:缓存并压缩动态页面
2013/06/11 PHP
PHP截断标题且兼容utf8和gb2312编码
2013/09/22 PHP
PHP json_decode函数详细解析
2014/02/17 PHP
PHP函数extension_loaded()用法实例
2015/01/19 PHP
ThinkPHP框架搭建及常见问题(XAMPP安装失败、Apache/MySQL启动失败)
2016/04/15 PHP
CakePHP框架Model函数定义方法示例
2017/08/04 PHP
PHPTree――php快速生成无限级分类
2018/03/30 PHP
laravel框架模板之公共模板、继承、包含实现方法分析
2019/08/30 PHP
JS支持带x身份证号码验证函数
2008/08/10 Javascript
jQuery 表单验证插件formValidation实现个性化错误提示
2009/06/23 Javascript
基于JQuery 的消息提示框效果代码
2011/07/31 Javascript
使用原生javascript创建通用表单验证——更锋利的使用dom对象
2011/09/13 Javascript
js 将json字符串转换为json对象的方法解析
2013/11/13 Javascript
Javascript常用字符串判断函数代码分享
2014/12/08 Javascript
jQuery+canvas实现的球体平抛及颜色动态变换效果
2016/01/28 Javascript
jQuery 实现评论等级好评差评特效
2016/05/06 Javascript
js判断浏览器是否支持严格模式的方法
2016/10/04 Javascript
Angularjs修改密码的实例代码
2017/05/26 Javascript
JavaScript比较同一天的时间大小实例代码
2018/02/09 Javascript
Vue 项目代理设置的优化
2018/04/17 Javascript
微信小程序canvas实现刮刮乐效果
2018/07/09 Javascript
JavaScript怎样在删除前添加确认弹出框?
2019/05/27 Javascript
Javascript confirm多种使用方法解析
2020/09/25 Javascript
深入理解Python中字典的键的使用
2015/08/19 Python
Python使用QQ邮箱发送Email的方法实例
2017/02/09 Python
Python正则抓取网易新闻的方法示例
2017/04/21 Python
TensorFlow实现卷积神经网络CNN
2018/03/09 Python
详解python中index()、find()方法
2019/08/29 Python
HTML5+lufylegend实现游戏中的卷轴
2016/02/29 HTML / CSS
评析教师个人的自我评价
2014/02/19 职场文书
三八妇女节致辞
2015/07/31 职场文书
2015年乡镇食品安全工作总结
2015/10/22 职场文书
旅游安全责任协议书
2016/03/22 职场文书
python中的3种定义类方法
2021/11/27 Python
JVM之方法返回地址详解
2022/02/28 Java/Android