让网页根据不同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 相关文章推荐
JavaScript类和继承 this属性使用说明
Sep 03 Javascript
extjs中form与grid交互数据(record)的方法
Aug 29 Javascript
JS实现的N多简单无缝滚动代码(包含图文效果)
Nov 06 Javascript
js实现三级联动效果(简单易懂)
Mar 27 Javascript
jQuery常见面试题之DOM操作详析
Jul 05 jQuery
vue 属性拦截实现双向绑定的实例代码
Oct 24 Javascript
JQuery获取元素尺寸、位置及页面滚动事件应用示例
May 14 jQuery
vue.js+elementUI实现点击左右箭头切换头像功能(类似轮播图效果)
Sep 05 Javascript
微信小程序批量监听输入框对按钮样式进行控制的实现代码
Oct 12 Javascript
Vue可自定义tab组件用法实例
Oct 24 Javascript
微信小程序自定义头部导航栏(组件化)
Nov 15 Javascript
Vue 数据绑定的原理分析
Nov 16 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通用检测函数集合
2006/11/25 PHP
ajax+php打造进度条 readyState各状态
2010/03/20 PHP
PHP的可变变量名的使用方法分享
2012/02/05 PHP
toggle()隐藏问题的解决方法
2014/02/17 Javascript
JavaScript函数详解
2014/11/17 Javascript
jQuery实现伸展与合拢panel的方法
2015/04/30 Javascript
JS判断页面是否出现滚动条的方法
2015/07/17 Javascript
require.js的用法详解
2015/10/20 Javascript
DeviceOne 让你一见钟情的App快速开发平台
2016/02/17 Javascript
详细讲解JavaScript中的this绑定
2016/10/10 Javascript
基于js 各种排序方法和sort方法的区别(详解)
2018/01/03 Javascript
vue中keep-alive的用法及问题描述
2018/05/15 Javascript
vue中使用heatmapjs的示例代码(结合百度地图)
2018/09/05 Javascript
详细分析Node.js 模块系统
2020/06/28 Javascript
Ant design vue table 单击行选中 勾选checkbox教程
2020/10/24 Javascript
jquery实现拖拽添加元素功能
2020/12/01 jQuery
[01:23:24]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Elephant BO3 第三场 2月7日
2021/03/11 DOTA
一个基于flask的web应用诞生(1)
2017/04/11 Python
opencv调整图像亮度对比度的示例代码
2019/09/27 Python
Python实现动态给类和对象添加属性和方法操作示例
2020/02/29 Python
python mysql 字段与关键字冲突的解决方式
2020/03/02 Python
python爬虫实现POST request payload形式的请求
2020/04/30 Python
详解python方法之绑定方法与非绑定方法
2020/08/17 Python
英国Radley包德国官网:Radley London德国
2019/11/18 全球购物
生产主管岗位职责
2013/11/10 职场文书
精细化工应届生求职信
2013/11/17 职场文书
教师应聘个人求职信
2013/12/10 职场文书
安全标准化汇报材料
2014/02/03 职场文书
服务员岗位责任制
2014/02/11 职场文书
法制宣传月活动总结
2014/04/29 职场文书
拾金不昧锦旗标语
2014/06/27 职场文书
学校艾滋病宣传活动总结
2015/05/09 职场文书
西游降魔篇观后感
2015/06/15 职场文书
2016教师校本研修心得体会
2016/01/08 职场文书
用Python进行栅格数据的分区统计和批量提取
2021/05/27 Python
Python绘制散点图之可视化神器pyecharts
2022/07/07 Python