IE version detection in js_javascript skills

The most common one is to detect navigator.userAgent (this can be used for all browsers, skip it).

The other is IE’s conditional comments. This article has a more detailed explanationhttp://www.jb51.net/article/29336.htm

Copy code The code is as follows:

The result of my test is that this form is available. The only thing that needs attention is that the space character between 'IE' and '8' in

Copy code The code is as follows:

var ieVersion = (function(){ return document.getElementById('ieVersion')})();

By analogy, you can get information about each version, and you can even add gt, gte, etc. to determine one type of version at a time.
An example of this writing method is:

Copy code The code is as follows:

So there is no need for other hacks in CSS, thus avoiding the need for hacks in IE Load the CSS one more time,
directly

copy the code The code is as follows:

.ie6 xx {}
.ie7 xx{}
.ie8 xx{}
xx{}

Second, since it can be written in the page, of course it can also be dynamically generated by JS . I googled it and found that some people actually do this.
The article address is as follows: http://www.jb51.net/article/29337.htm, the writing is quite detailed and the principle is very simple.
However, the shortcoming is that conditional comments are limited to JS, which is useless for CSS.
Continuing, since conditional comments can be dynamically generated to identify the IE version, the CSS hack based on IE should also be able to dynamically generate an HTML fragment and use style values ​​to determine the version.
The following is the easiest form to think of. I tested and found that it works, but I also found a problem. Look at the following piece of code:

Copy code The code is as follows:

Copy code The code is as follows:

original

<script> <BR>var test = document.createElement('div'); <BR>test.innerHTML = '<span style="*color:red; _color:blue;">Dynamicly generated'; <BR>document.body.appendChild(test); <BR>&lt ;/script> <BR></script>

IE7 results:

IE6 results:

The basic principle is similar to the conditional comment of IE. We only need to detect the color value once, so change the above example to:

Copy the code The code is as follows: