让网页根据不同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 相关文章推荐
Prototype使用指南之enumerable.js
Jan 10 Javascript
PNG背景在不同浏览器下的应用
Jun 22 Javascript
jquery使用经验小结
May 20 Javascript
jQuery easyui刷新当前tabs的方法
Sep 23 Javascript
纯html+css+javascript实现楼层跳跃式的页面布局(实例代码)
Oct 25 Javascript
vue中路由参数传递可能会遇到的坑
Dec 07 Javascript
详解vue-cli下ESlint 配置说明
Sep 03 Javascript
详解Vue实战指南之依赖注入(provide/inject)
Nov 13 Javascript
vue router导航守卫(router.beforeEach())的使用详解
Apr 19 Javascript
微信小程序地图绘制线段并且测量(实例代码)
Jan 02 Javascript
js实现盒子移动动画效果
Aug 09 Javascript
nuxt 页面路由配置,主页轮播组件开发操作
Nov 05 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 常用类整理
2009/12/23 PHP
php简单开启gzip压缩方法(zlib.output_compression)
2013/04/13 PHP
解析php curl_setopt 函数的相关应用及介绍
2013/06/17 PHP
php设计模式之简单工厂模式详解
2014/09/04 PHP
PHP实现的AES双向加密解密功能示例【128位】
2018/09/03 PHP
srcElement表格样式
2006/09/03 Javascript
jquery+ajax每秒向后台发送请求数据然后返回页面的代码
2011/01/17 Javascript
js遍历td tr等html元素
2012/12/13 Javascript
jQuery删除节点的三个方法即remove()detach()和empty()
2013/12/27 Javascript
window.location.hash知识汇总
2015/11/09 Javascript
JavaScript中字符串与Unicode编码互相转换的实现方法
2015/12/18 Javascript
Vuejs第九篇之组件作用域及props数据传递实例详解
2016/09/05 Javascript
jquery获取input type=text中的值的各种方式(总结)
2016/12/02 Javascript
angular和BootStrap3实现购物车功能
2017/01/25 Javascript
Puppeteer 爬取动态生成的网页实战
2018/11/14 Javascript
vue拖拽排序插件vuedraggable使用方法详解
2020/08/21 Javascript
JS实现音量控制拖动
2020/01/15 Javascript
基于JS+HTML实现弹窗提示是否确认提交功能
2020/06/17 Javascript
vue中用 async/await 来处理异步操作
2020/07/18 Javascript
linux系统使用python监测系统负载脚本分享
2014/01/15 Python
Python3处理文件中每个词的方法
2015/05/22 Python
python中字符串变二维数组的实例讲解
2018/04/03 Python
Python Web编程之WSGI协议简介
2018/07/18 Python
python itchat给指定联系人发消息的方法
2019/06/11 Python
Django 返回json数据的实现示例
2020/03/05 Python
Python使用xlrd实现读取合并单元格
2020/07/09 Python
python实现数字炸弹游戏
2020/07/17 Python
pycharm永久激活超详细教程
2020/10/29 Python
css3中新增的样式使用示例附效果图
2014/08/19 HTML / CSS
HTML5+CSS设置浮动却没有动反而在中间且错行的问题
2020/05/26 HTML / CSS
英国独特礼物想法和个性化礼物网站:notonthehighstreet.com
2018/04/16 全球购物
工程类专业自荐信范文
2014/03/09 职场文书
镇人大副主席民主生活会对照检查材料思想汇报
2014/10/01 职场文书
幼儿园中班教育随笔
2015/08/14 职场文书
七年级作文之英语老师
2019/10/28 职场文书
微信小程序实现轮播图指示器
2022/06/25 Javascript