RelatedArticle: Practical JS judgment of browser types and versions
The compatibility issue of IE6/IE7 is annoying. We can write independent style sheets for these two versions of browsers to solve the compatibility issue. The example here judges IE6 and IE7 to load different style sheets.
Key points: 1. Determine the browser version; 2. Modify the style sheet path
The second point is often used when you modify webpage templates and Forum styles in real time. In fact, you can modify the style sheet path to load different style sheets.
Code:
1 < Script Type = "Text/JavaScript" >
2 VaR Browser = Navigator. appname
3 VaR B _version = Navigator. appversion
4 VaR Version = B _version.split ( " ; " );
5 Try { // The code is only valid for IE browsers. To avoid errors reported in other browsers, you can use try {code body} catch (ERR) {code body} to eliminate errors.
6 VaR Trim_version = Version [ 1 ]. Replace ( / [] / G, "" );
7 If (Browser = " Microsoft Internet Explorer " && Trim_version = " Msie7.0 " )
8 {
9 // Replace "Your-stylesheet-URL" with the path of the style table to be loaded in IE7.
10 Document. stylesheets [ 0 ]. Href = " Your-stylesheet-URL " ; // Key point: how to modify the path of the style sheet: Document. stylesheets [0]. href
11 }
12 Else If (Browser = " Microsoft Internet Explorer " && Trim_version = " Msie6.0 " )
13 {
14 // Replace "Your-another-stylesheet-URL" with the path of the style table to be loaded in IE6.
15 Document. stylesheets [ 0 ]. Href = " Your-another-stylesheet-URL " ;
16 }
17 }
18 Catch (ERR ){ // After an error is captured, you can do nothing to handle it.
19 }
20 </ Script >