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 explanation http://www.jb51.net/article/29336.htm

Copy code The code is as follows: alert('Not IE') 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 is necessary. If it is missing, it will be a tragedy.

There are several variant versions of conditional comments based on IE, First, similar to the following form: Copy code The code is as follows: 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: The result under IE9: LOG: test_1:yellow----test_2:yellow The result under IE8: LOG: test_1:#ff6600----test_2:#ff6600 The result under IE7: LOG: test_1:green----test_2:blue The result under IE6: test_1:blue ----test_2:blue (IE6 does not have console.log, so the above console.log needs to be replaced by alert)

You should have noticed the above problem. The two situations are inconsistent under IE7. I don’t know if it is a problem with my IE7 compatibility mode or some other reason. If you know, please give me some advice. Confirmation code: Copy code The code is as follows: original var test = document.createElement('div'); test.innerHTML = ' Dynamicly generated '; document.body.appendChild(test); &lt ;/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: