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>