DIV CSS 佈局教程網

下面通過代碼給大家講解下，具體請看下文：

IE浏覽器與非IE浏覽器的區別是IE浏覽器支持ActiveXObject，但是非IE浏覽器不支持ActiveXObject。在IE11浏覽器還沒出現的時候我們判斷IE和非IE經常是這麼寫的

復制代碼 代碼如下:
function isIe(){
     return window.ActiveXObject ? true : false;
 }

但是在IE11中上面判斷的返回的是false，我自己在IE11測試了下如下代碼：

復制代碼 代碼如下:
 alert(window.ActiveXObject);
 alert(typeof window.ActiveXObject);

這是為什麼呢？明明ActiveXObject是存在的，怎麼就typeof的結果確實undefined。哪位知道結果的告訴我這是為什麼呢？為神馬？

微軟上的官網說出了IE11的ActiveXObject的不同。

 復制代碼 代碼如下:
alert("ActiveXObject" in window)//在ie11下返回的是true

下面就直接給出兼容IE11判斷IE與非IE浏覽器的方法。

復制代碼 代碼如下:
 function isIe(){
    return ("ActiveXObject" in window);
 }

判斷IE6浏覽器

從IE7開始IE是支持XMLHttpRequest對象的，唯獨IE6是不支持的。根據這個特性和前面判斷IE的函數isIe()我們就知道怎麼判斷IE6了吧。判斷方法如下：

復制代碼 代碼如下:
 function isIe6() {
    // ie6是不支持window.XMLHttpRequest的
    return isIe() && !window.XMLHttpRequest;
 }

判斷IE7浏覽器

因為從IE8開始是支持文檔模式的，它支持document.documentMode。IE7是不支持的，但是IE7是支持XMLHttpRequest對象的。判斷方法如下：

 復制代碼 代碼如下:
function isIe7() {
     //只有IE8+才支持document.documentMode
     return isIe() && window.XMLHttpRequest && !document.documentMode;
 }

判斷IE8浏覽器

在從IE9開始，微軟慢慢的靠近標准,我們把IE678稱為非標准浏覽器，IE9+與其他如chrome,firefox浏覽器稱為標准浏覽器。兩者的區別其中有一個是alert(-[1,]);//在IE678中打印的是NaN,但是在標准浏覽器打印的是-1

那麼我們就可以根據上面的區別來判斷是IE8浏覽器。方法如下：

function isIe8(){
  // alert(!-[1,])//->IE678返回NaN 所以!NaN為true 標准浏覽器返回-1 所以!-1為false
  return isIe() &&!-[1,]&&document.documentMode;
 }

判斷IE9、IE10、IE11浏覽器

從IE8浏覽器是支持JSON內置對象的，從IE10開始支持js的嚴格模式。IE9+下alert(!-[1,])返回的是false,IE9+是支持addEventListener的，但是IE11浏覽器中是不支持原來IE中獨有的事件綁定attachEvent。根據這些區別我們就能區分出IE9、IE10、IE11浏覽器了。

判斷其他浏覽器

//檢測函數
 var check = function(r) {
   return r.test(navigator.userAgent.toLowerCase());
 };
 var statics = {
   /**
   * 是否為webkit內核的浏覽器
   */
   isWebkit : function() {
     return check(/webkit/);
   },
   /**
   * 是否為火狐浏覽器
   */
   isFirefox : function() {
     return check(/firefox/);
   },
   /**
   * 是否為谷歌浏覽器
   */
   isChrome : function() {
     return !statics.isOpera() && check(/chrome/);
   },
   /**
   * 是否為Opera浏覽器
   */   isOpera : function() {
     return check(/opr/);
   },
   /**
   * 檢測是否為Safari浏覽器
   */
   isSafari : function() {
   // google chrome浏覽器中也包含了safari
     return !statics.isChrome() && !statics.isOpera() && check(/safari/)
   }
 };

以上就是本文的全部介紹，希望可以幫助到大家。