让网页根据不同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 相关文章推荐
jQuery中RadioButtonList的功能及用法实例介绍
Aug 23 Javascript
jquery live()重复绑定的解决方法介绍
Jan 03 Javascript
js实现编辑div节点名称的方法
Dec 17 Javascript
Jquery动态替换div内容及动态展示的方法
Jan 23 Javascript
JS实现网页上随滚动条滚动的层效果代码
Nov 04 Javascript
canvas实现手机端用来上传用户头像的代码
Oct 20 Javascript
jQuery插件HighCharts绘制的基本折线图效果示例【附demo源码下载】
Mar 07 Javascript
js实现彩色条纹滚动条效果
Mar 15 Javascript
详解使用webpack构建多页面应用
Dec 21 Javascript
Angular7创建项目、组件、服务以及服务的使用
Feb 19 Javascript
JS函数基本定义与用法示例
Jan 15 Javascript
详解前端任务构建利器Gulp.js使用指南
Apr 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
AJAX for PHP简单表数据查询实例
2007/01/02 PHP
使用Sphinx对索引进行搜索
2013/06/25 PHP
ThinkPHP CURD方法之data方法详解
2014/06/18 PHP
十幅图告诉你什么是PHP引用
2015/02/22 PHP
PHP+Ajax实现无刷新分页实例详解(附demo源码下载)
2016/04/07 PHP
深入浅析PHP的session反序列化漏洞问题
2017/06/15 PHP
Thinkphp5结合layer弹窗定制操作结果页面
2017/07/07 PHP
使用jQuery实现dropdownlist的联动效果(sharepoint 2007)
2011/03/30 Javascript
实现变速回到顶部的JavaScript代码
2011/05/09 Javascript
jquery实现的3D旋转木马特效代码分享
2015/08/25 Javascript
使用BootStrap建立响应式网页——通栏轮播图(carousel)
2016/12/21 Javascript
AngularJS使用拦截器实现的loading功能完整实例
2017/05/17 Javascript
详解使用nodeJs安装Vue-cli
2017/05/17 NodeJs
javascript实现二叉树的代码
2017/06/08 Javascript
详谈表单重复提交的三种情况及解决方法
2017/08/16 Javascript
js Dom实现换肤效果
2017/10/21 Javascript
nodejs async异步常用函数总结(推荐)
2017/11/17 NodeJs
vue中多路由表头吸顶实现的几种布局方式
2019/04/12 Javascript
js实现删除li标签一行内容
2019/04/16 Javascript
前端vue+elementUI如何实现记住密码功能
2020/09/20 Javascript
python批量修改文件名的实现代码
2014/09/01 Python
玩转python selenium鼠标键盘操作(ActionChains)
2020/04/12 Python
python3.5实现socket通讯示例(TCP)
2017/02/07 Python
Python时间戳使用和相互转换详解
2017/12/11 Python
python+django+sql学生信息管理后台开发
2018/01/11 Python
解决Mac安装scrapy失败的问题
2018/06/13 Python
opencv-python 读取图像并转换颜色空间实例
2019/12/09 Python
深入浅析Python 命令行模块 Click
2020/03/11 Python
全面解析CSS Media媒体查询使用操作(推荐)
2017/08/15 HTML / CSS
浅谈移动端网页图片预加载方案
2018/11/05 HTML / CSS
香港太阳眼镜网上商店:SmartBuyGlasses香港
2016/07/22 全球购物
世界上最受欢迎的花店:1-800-Flowers.com
2020/06/01 全球购物
如何通过jdbc调用存储过程
2012/04/19 面试题
文员岗位职责
2013/11/09 职场文书
高三自我评价
2014/02/01 职场文书
《圆的面积》教学反思
2016/02/19 职场文书