JavaScript判斷IE版本型號_基礎知識

下面透過程式碼跟大家講解下，詳情請看下文：

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/)
   }
 };

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