让网页根据不同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 简短几句代码实现给元素动态添加及获取提示信息
Sep 01 Javascript
Extjs中使用extend(js继承) 的代码
Mar 15 Javascript
js解析与序列化json数据(一)json.stringify()的基本用法
Feb 01 Javascript
jquery选择器-根据多个属性选择示例代码
Oct 21 Javascript
node.js中的fs.truncateSync方法使用说明
Dec 15 Javascript
jQuery实现点击弹出背景变暗遮罩效果实例代码
Jun 24 Javascript
select获取下拉框的值 下拉框默认选中方法
Feb 28 Javascript
vue 使用eventBus实现同级组件的通讯
Mar 02 Javascript
vue 中Virtual Dom被创建的方法
Apr 15 Javascript
一文读懂vue动态属性数据绑定(v-bind指令)
Jul 20 Javascript
vue页面引入three.js实现3d动画场景操作
Aug 10 Javascript
js 实现验证码输入框示例详解
Sep 23 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编写大型网站问题集
2007/03/06 PHP
php遍历文件夹所有文件子文件夹函数代码
2013/11/27 PHP
Zend Framework动作助手Url用法详解
2016/03/05 PHP
PHP常用的三种设计模式汇总
2016/08/28 PHP
ThinkPHP整合datatables实现服务端分页的示例代码
2018/02/10 PHP
php使用mysqli和pdo扩展,测试对比mysql数据库的执行效率完整示例
2019/05/09 PHP
PHP基于swoole多进程操作示例
2019/08/12 PHP
JQuery里面的几种选择器 查找满足条件的元素$(&quot;#控件ID&quot;)
2011/08/23 Javascript
js为鼠标添加右击事件防止默认的右击菜单弹出
2013/07/29 Javascript
jQuery的选择器中的通配符使用介绍
2014/03/20 Javascript
JsRender实用入门教程
2014/10/31 Javascript
jquery读取xml文件实现省市县三级联动的方法
2015/05/29 Javascript
JavaScript模版引擎的基本实现方法浅析
2016/02/15 Javascript
BootStrap 智能表单实战系列(二)BootStrap支持的类型简介
2016/06/13 Javascript
jQuery实现注册会员时密码强度提示信息功能示例
2017/09/05 jQuery
javascript实现循环广告条效果
2017/12/12 Javascript
vue+axios+element ui 实现全局loading加载示例
2018/09/11 Javascript
Node+OCR实现图像文字识别功能
2018/11/26 Javascript
nodejs二进制与Buffer的介绍与使用
2019/07/11 NodeJs
webpack 如何解析代码模块路径的实现
2019/09/04 Javascript
JavaScript中如何对多维数组(矩阵)去重的实现
2019/12/04 Javascript
python获取局域网占带宽最大3个ip的方法
2015/07/09 Python
pytorch构建网络模型的4种方法
2018/04/13 Python
详解python函数的闭包问题(内部函数与外部函数详述)
2019/05/17 Python
详解Python对JSON中的特殊类型进行Encoder
2019/07/15 Python
Python pexpect模块及shell脚本except原理解析
2020/08/03 Python
PyTorch安装与基本使用详解
2020/08/31 Python
HTML5 Convas APIs方法详解
2015/04/24 HTML / CSS
Photobook澳大利亚:制作相片书,婚礼卡,旅行相簿
2017/01/12 全球购物
英国天然保健品网站:Simply Supplements
2017/03/22 全球购物
Banana Republic英国官网:香蕉共和国,GAP集团旗下偏贵族风
2018/04/24 全球购物
Desigual美国官方网站:西班牙服装品牌
2019/03/29 全球购物
班班通校本培训方案
2014/03/12 职场文书
委托书如何写
2014/08/30 职场文书
旗帜观后感
2015/06/08 职场文书
Python作用域和名称空间的详细介绍
2022/04/13 Python