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>