让网页根据不同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 自定义的联动下拉框
Feb 07 Javascript
jQuery温习篇 强大的JQuery选择器
Apr 24 Javascript
B/S模式项目中常用的javascript汇总
Dec 17 Javascript
jQuery 获取/设置/删除DOM元素的属性以a元素为例
May 23 Javascript
jquery 实现输入邮箱时自动补全下拉提示功能
Oct 04 Javascript
JSON 的正确用法探讨:Pyhong、MongoDB、JavaScript与Ajax
May 15 Javascript
js学习总结_选项卡封装(实例讲解)
Jul 13 Javascript
微信小程序实现上传word、txt、Excel、PPT等文件功能
May 23 Javascript
JavaScript:ES2019 的新特性(译)
Aug 08 Javascript
node.js文件操作系统实例详解
Nov 05 Javascript
简单了解常用的JavaScript 库
Jul 16 Javascript
浅谈Vue开发人员的7个最好的VSCode扩展
Jan 20 Vue.js
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 socket的讲解与实例分析
2013/06/13 PHP
PHP中应该避免使用同名变量(拆分临时变量)
2015/04/03 PHP
PHP记录和读取JSON格式日志文件
2016/07/07 PHP
PHP中仿制 ecshop验证码实例
2017/01/06 PHP
jquery实现textarea输入字符控制(仿微博输入控制字符)
2013/04/26 Javascript
showModelDialog弹出文件下载窗口的使用示例
2013/11/19 Javascript
JavaScript实现关键字高亮功能
2014/11/12 Javascript
使用jquery菜单插件HoverTree仿京东无限级菜单
2014/12/18 Javascript
node爬取微博的数据的简单封装库nodeweibo使用指南
2015/01/02 Javascript
js实现文字跟随鼠标移动而移动的方法
2015/02/28 Javascript
Nodejs关于gzip/deflate压缩详解
2015/03/04 NodeJs
Bootstrap table使用方法总结
2017/05/10 Javascript
微信小程序实现点击按钮修改文字大小功能【附demo源码下载】
2017/12/06 Javascript
element-ui 本地化使用教程详解
2019/10/28 Javascript
JS数组方法concat()用法实例分析
2020/01/18 Javascript
vue使用exif获取图片经纬度的示例代码
2020/12/11 Vue.js
[01:48]2018DOTA2亚洲邀请赛主赛事第二日五佳镜头 VG完美团战逆转TNC
2018/04/05 DOTA
Python 字符串操作方法大全
2014/03/11 Python
在Python中使用CasperJS获取JS渲染生成的HTML内容的教程
2015/04/09 Python
python装饰器初探(推荐)
2016/07/21 Python
python实现批量按比例缩放图片效果
2018/03/30 Python
Python基于SMTP协议实现发送邮件功能详解
2018/08/14 Python
Python设计模式之装饰模式实例详解
2019/01/21 Python
Pycharm-community-2020.2.3 社区版安装教程图文详解
2020/12/08 Python
Html5百叶窗效果的示例代码
2017/12/11 HTML / CSS
Perfume’s Club美国官网:西班牙第一家在线美容店
2020/06/10 全球购物
高职助产应届生自荐信
2013/09/24 职场文书
建筑工地质量标语
2014/06/12 职场文书
未受刑事制裁公证证明
2014/09/20 职场文书
幼儿园园长个人总结
2015/03/02 职场文书
演讲比赛主持词
2015/06/29 职场文书
2016年中学清明节活动总结
2016/04/01 职场文书
2019个人工作自我评价范文(3篇)
2019/09/19 职场文书
AI:如何训练机器学习的模型
2021/04/16 Python
Go 实现英尺和米的简单单位换算方式
2021/04/29 Golang
分享MySQL常用 内核 Debug 几种常见方法
2022/03/17 MySQL