让网页根据不同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 相关文章推荐
网页防止tab键的使用快速解决方法
Nov 07 Javascript
JS仿百度自动下拉框模糊匹配提示
Jul 25 Javascript
BootStrap modal模态弹窗使用小结
Oct 26 Javascript
js实现简易垂直滚动条
Feb 22 Javascript
Node.js编写CLI的实例详解
May 17 Javascript
AngularJS实现图片上传和预览功能的方法分析
Nov 08 Javascript
JS实现二维数组横纵列转置的方法
Apr 17 Javascript
ExtJs使用自定义插件动态保存表头配置(隐藏或显示)
Sep 25 Javascript
如何自定义微信小程序tabbar上边框的颜色
Jul 09 Javascript
element ui分页多选,翻页记忆的实例
Sep 03 Javascript
解决小程序无法触发SESSION问题
Feb 03 Javascript
jquery实现点击左右按钮切换图片
Jan 27 jQuery
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+Ajax异步通讯实现用户名邮箱验证是否已注册( 2种方法实现)
2011/12/28 PHP
PHP实现的AES 128位加密算法示例
2019/09/16 PHP
分享几个超级震憾的图片特效
2012/01/08 Javascript
Js获取数组最大和最小值示例代码
2013/10/29 Javascript
javascript数组去重方法终极总结
2014/06/05 Javascript
jQuery实现长按按钮触发事件的方法
2015/02/02 Javascript
js实现使用鼠标拖拽切换图片的方法
2015/05/04 Javascript
JavaScript中的Repaint和Reflow用法详解
2015/07/27 Javascript
Jquery获取当前城市的天气信息
2016/08/05 Javascript
简单实现jQuery多选框功能
2017/01/09 Javascript
利用Javascript实现简单的转盘抽奖
2017/02/13 Javascript
js数组实现权重概率分配
2017/09/12 Javascript
webpack组织模块打包Library的原理及实现
2018/03/10 Javascript
vue选项卡切换登录方式小案例
2019/09/27 Javascript
vue集成openlayers加载geojson并实现点击弹窗教程
2020/09/24 Javascript
python实现向ppt文件里插入新幻灯片页面的方法
2015/04/28 Python
Python面向对象特殊成员
2017/04/24 Python
Python常见字符串操作函数小结【split()、join()、strip()】
2018/02/02 Python
浅谈python常用程序算法
2019/03/22 Python
使用Flask-Cache缓存实现给Flask提速的方法详解
2019/06/11 Python
Django Rest framework权限的详细用法
2019/07/25 Python
cookies应对python反爬虫知识点详解
2020/11/25 Python
Python Pygame实现俄罗斯方块
2021/02/19 Python
使用phonegap进行提示操作的具体方法
2017/03/30 HTML / CSS
耐克奥地利官网:Nike奥地利
2019/08/16 全球购物
乌克兰在线药房:Аптека24
2019/10/30 全球购物
软件工程专业推荐信
2013/10/28 职场文书
销售辞职报告范文
2014/01/12 职场文书
工厂保安员岗位职责
2014/01/31 职场文书
幼儿园数学教学反思
2014/02/02 职场文书
大学四年个人自我小结
2014/03/05 职场文书
仓库管理员岗位职责
2015/02/03 职场文书
商场广播稿范文
2015/08/19 职场文书
《我的长生果》教学反思
2016/02/20 职场文书
浅谈Python数学建模之线性规划
2021/06/23 Python
Python MNIST手写体识别详解与试练
2021/11/07 Python