Test for Internet Explorer in JavaScript

Last updated on: October 8, 2010

var isMSIE = /*@cc_on!@*/0;

if (isMSIE) {
  // do IE-specific things
} else {
  // do non IE-specific things
}

Reference URL

Comments

Rodney Reid

# December 20, 2010

if (-[1,]) { // do non IE-specific things } else { // do IE-specific things }

Reply ↓

Max

Permalink to comment# August 3, 2011

doesn’t work ie 9

Ruben Vreeken

# February 2, 2011

If you need to know if an IE browser is used purely for the sake of implementing IE-specific css rules, you can simply put the following code at the top of your html file. Basically it places an tag with a css class for ie 6 through 9.

<!--[if lt IE 7 ]> <html lang="en" class="ie6"> <![endif]-->
<!--[if IE 7 ]>    <html lang="en" class="ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en" class="ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en"> <!--<![endif]-->

This way u dont need any javascript to use IE-specific css code.

Reply ↓

Stacey

Permalink to comment# January 14, 2012

Can someone explain the following to me? I’m not sure that I get this conditional comment. What is its intent?

 <html lang="en"> 
vikas

Permalink to comment# November 4, 2012

@stacey: that condition says, if the browser is Greater than IE9 or Not any of the IE then do this , which will be for browsers other than IE like chorme etc.

Lonesome Walker

# November 14, 2011

The question was not: how to be done without JS, it was explicit WITH js…

Thanks, helped me a lot!

Reply ↓

eman on

# October 18, 2012

Oh the pains of IE – thanks

Reply ↓

jonathan marzullo

# January 15, 2013

It is better to use feature detection:

// IE feature detection
var isIE9 = document.addEventListener,
isIE8 = document.querySelector,
isIE7 = window.XMLHttpRequest;

if(isIE9){
// is IE9
} else if(isIE8) {
// is IE8
} else if(isIE7) {
// is IE7
}

hope this helps!

Reply ↓

Melanie

# March 12, 2013

If you’re using jQuery…




if($('html').hasClass('lt-ie8')) { //Do IE7 specific stuff }

Reply ↓

Melanie

# March 12, 2013

… in combination with:


<!--[if IE 7]><html class="no-js lt-ie9 lt-ie8" > <![endif]-->"

Flak DiNenno

Permalink to comment# July 21, 2013
minor nitpick, but, I don’t think you meant to include that last double-quote(“) on your 2nd comment here. Also, you might want to use the HTML conditionals first and nest the jQuery w/in it (that may be what you meant, but I thought I’d add that for clarity):
```
"
```
Kim Wilson

Permalink to comment# August 5, 2014

Thanks Melanie! Just what I was looking for!

Steve Oldner (@soldner)

# April 10, 2013

Using Jquery mobile but need to determine if users are using their desktop. IE is standard here and company’s default is no outside library so it looks bad. This is only for mobile portal – we have a full desktop portal already. Question is 2 parts and looking for best practices.
1. How do I detect big screen?
2. How can I tell if they allow JQuery?

Thanks!

Reply ↓

Seetpal singh

# August 5, 2014

hi,

below code works perfectly

var isMSIE = /*@cc_on!@*/1;
window.onload   =   function(){
    if (!isMSIE) {
        // do IE-specific things
        alert('saf');
        var bod =   document.getElementsByTagName('body');
        bod[0].setAttribute('class','IE');
    } 
}

Reply ↓

Posting Code

We highly encourage you to post problematic HTML/CSS/JavaScript over on CodePen and include the link in your post. It's much easier to see, understand, and help with when you do that.

Markdown is supported, so you can write inline code like `<div>this</div>` or multiline blocks of code in in triple backtick fences like this:

```
<script>
  function example() {
    element.innerHTML = "<div>code</div>";
  }
</script>
```

Copy and paste this code: micuno *

Notify me of follow-up comments by email.

Notify me of new posts by email.

What now? I have some ideas for you.

Comments

Leave a Comment

Posting Code

What now? I have some ideas for you.

We can do the real footer now.