JavaScript检测IE浏览器版本并动态加载CSS的三种方案

基于navigator.appVersion的IE版本检测与跳转

方案一：

 
<script language="javascript">
function getIE()
{ 
if(navigator.appName == "Microsoft Internet Explorer")
{ 
if(navigator.appVersion.match(/7./i)=='7.')
{ 
//若为IE7，不执行跳转
} 
else
{ 
//若非IE7，执行跳转
location.href='http://127.0.0.1';
} 
} 
} 
</script>

基于userAgent动态注入CSS链接

方案二：

 
<span id="Css"></span>
<script>
if(navigator.userAgent.indexOf("MSIE")>0)
{ 
//判断是否为IE浏览器
if(navigator.userAgent.indexOf("MSIE 6.0")>0)
{ 
//IE6.0应用CSS1
Css.innerHTML='<link href="1.css" rel="stylesheet" type="text/css" >'
} 
if(navigator.userAgent.indexOf("MSIE 7.0")>0)
{ 
//IE7.0应用CSS2
Css.innerHTML='<link href="2.css" rel="stylesheet" type="text/css" >'
} 
}else
{ 
//其他浏览器应用CSS3，可通过navigator.userAgent获取具体信息
Css.innerHTML='<link href="3.css" rel="stylesheet" type="text/css" >'
} 
</script>

通过JavaScript修改现有CSS链接地址

方案三：

 
<html>
<head>
<link href="1.css" rel="stylesheet" type="text/css" id="MyCSS">
</head>
<body>
<script type="text/javascript">
function changeCss()
{ 
document.getElementById("MyCSS").href="2.css";
} 
</script>
<div id="ts">test</div>
<input type="button" onclick="changeCss()" value="Change">
</body>
</html>