javascript判断ie浏览器6/7版本加载不同的样式表

相关文章:实用的js判断浏览器类型及版本

ie6/ie7的兼容问题很让人苦恼，我们可以针对这两个版本的浏览器单独写独立的样式表，来解决兼容问题。这里的例子以判断ie6与ie7来加载不同的样式表。

关键点：1、对浏览器版本的判断；2、修改样式表路径

其中第二点也常用在实时修改网页模板、论坛风格的场合，实际上就是修改样式表路径来加载不同的样式表。

代码：

1 <script type="text/javascript">
2 var browser=navigator.appName
3 var b_version=navigator.appVersion
4 var version=b_version.split(";");
5 try{    //代码只针对ie浏览器有效，为了避免在其他浏览器报错，可以用使用try{代码体}catch(err){代码体}来消除报错
6 var trim_Version=version[1].replace(/[ ]/g,"");
7 if(browser=="Microsoft Internet Explorer" && trim_Version=="MSIE7.0")
8         {
9 //将"your-stylesheet-url"替换成想在ie7中加载的样式表的路径
10         document.styleSheets[0].href="your-stylesheet-url";     //关键点修改样式表路径的方法：document.styleSheets[0].href
11         }
12 else if(browser=="Microsoft Internet Explorer" && trim_Version=="MSIE6.0")
13         {
14 //将"your-another-stylesheet-url"替换成想在ie6中加载的样式表的路径
15         document.styleSheets[0].href="your-another-stylesheet-url";
16         }
17     }
18 catch(err) {    //捕捉错误后不作任何处理也可
19     }
20 </script>