Javascript judges that iebrowser 6/7 loads different style sheets

Source: Internet
Author: User

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 >
Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.