IE版本判断方法的总结

    做页面设计时,由于IE版本的不同,经常会遇到兼容性问题,有时确实很头疼,在这次专题中用到了HTML注释,顺便汇总一下判断IE版本的一些方法。

一,HTML注释

    <!–[if XXX]>
这里是正常的html代码
<![endif]–>
这里XXX是一些特定的东东,在此列表几个出来,详细介绍各自的含义:
<!–[if IE]> / 如果浏览器是IE /
<!–[if IE 5]> / 如果浏览器是IE 5 的版本 /
<!–[if IE 6]> / 如果浏览器是IE 6 的版本 /
<!–[if IE 7]> / 如果浏览器是IE 7 的版本 /

几个逻辑判断参数:

lte,lt,gte,gt,!
lte:就是Less than or equal to的简写,也就是小于或等于的意思。
lt :就是Less than的简写,也就是小于的意思。
gte:就是Greater than or equal to的简写,也就是大于或等于的意思。
gt :就是Greater than的简写,也就是大于的意思。
! :自然不用说了

示例:

<!– 默认先调用A.css样式表 –>
<link rel=”stylesheet” type=”text/css” href=”A.css” />
<!–[if !IE]>
<!– 非IE下调用B.css样式表 –>
<link rel=”stylesheet” type=”text/css” href=”B.css” />
<![endif]–>
<!–[if lt IE 6]>
<!– 如果IE浏览器版本小于6,调用C.css样式表 –>
<link rel=”stylesheet” type=”text/css” href=”C.css” />
<![endif]–>

另外,需要额外注意的是,条件注释是在IE5.0以后才被支持的。
二,利用JS判断

1.跳转

<script language=”javascript”>
function getIE(){
if(navigator.appName == “Microsoft Internet Explorer”)
{
if(navigator.appVersion.match(/7./i)==’7.’)
{
//是IE7,不跳转
}else{
//不是,跳转
location.href=’http://www.anymoore.com‘;
}
}
}
</script>

<input type=”button” name=”getIEver” value=”getIEver” onclick=”getIE();” />

2.HTML内嵌

<span id=”cssIE”></span>
<script>
if(navigator.userAgent.indexOf(“MSIE”)>0){ //是否是IE浏览器
if(navigator.userAgent.indexOf(“MSIE 6.0″)>0){ //6.0 使用A.CSS
cssIE.innerHTML='<link href=”A.css” rel=”stylesheet” type=”text/css” >’
}
if(navigator.userAgent.indexOf(“MSIE 7.0″)>0){//7.0 使用B.CSS
cssIE.innerHTML='<link href=”B.css” rel=”stylesheet” type=”text/css” >’
}
}else{//否则使用C.CSS 还有具体的浏览器 你可以用navigator.userAgent 去获取信息 具体使用 看你自己
cssIE.innerHTML='<link href=”C.css” rel=”stylesheet” type=”text/css” >’
}
</script>

就到这,希望能帮上你。

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注