window.ActiveXObject)的作用,用來判斷瀏覽器是否支援ActiveX控制項,如果支援ActiveX控制項,我們可以利用varxml=newActiveXObject("Microsoft.XMLHTTP")的形式來建立XMLHTTPRequest對象(這是在IE7以前的版本中)。在較新的IE版本中可以利用varxml=newActiveXObject("Msxml2.XMLHTTP")的形式建立XMLHttpRequest對象;而在IE7及非IE瀏覽器中可以利用varxml=newXMLHttpRequest()建立XMLHttpRequest對象。因此我們在建立這個對象的時候必須得考慮瀏覽器的相容問題。
然後是XMLHTTPRequest的區別
我們這裡來看看這裡是怎麼使用它。在使用XMLHTTPRequest對象發送請求和處理響應之前,我們必須要用javascript建立一個XMLHTTPRequest對象。(IE把XMLHTTPRequest實現為一個ActiveX對象,其他的瀏覽器[如Firefox/Safari/Opear]則把它實現為一個本地的javascript對象)。下面我們就來看看具體怎麼運用javascript來建立它吧:
<script language="javascript"type="text/javascript">
<!--
var xmlhttp; // 建立XMLHTTPRequest對象
function createXMLHTTPRequest(){
if(window.ActiveXObject){ // 判斷是否支援ActiveX控制項
xmlhttp = new ActiveObject("Microsoft.XMLHTTP"); //通過執行個體化ActiveXObject的一個新執行個體來建立XMLHTTPRequest對象
}
else if(window.XMLHTTPRequest){ //判斷是否把XMLHTTPRequest實現為一個本地javascript對象
xmlhttp = new XMLHTTPRequest(); //建立XMLHTTPRequest的一個執行個體(本地javascript對象)
}
}
//-->
</script>
======================================================================
用js用來區別IE與其他瀏覽器以及用js來區別IE6-8之間的方法。
1、document.all
2、!!window.ActiveXObject;
使用方法如下:
if (document.all){
alert(”IE瀏覽器”);
}else{
alert(”非IE瀏覽器”);
}
if (!!window.ActiveXObject){
alert(”IE瀏覽器”);
}else{
alert(”非IE瀏覽器”);
}
下面是區別IE6、IE7、IE8之間的方法:
var isIE=!!window.ActiveXObject;
varisIE6=isIE&&!window.XMLHttpRequest;
varisIE8=isIE&&!!document.documentMode;
varisIE7=isIE&&!isIE6&&!isIE8;
if (isIE){
if (isIE6){
alert(”ie6″);
}else if (isIE8){
alert(”ie8″);
}else if (isIE7){
alert(”ie7″);
}
}
首先我們確保這個瀏覽器為IE的情況下,進行了在一次的檢測,如果你對此有懷疑,可以測試一下。
我這裡就直接使用在判斷中了,你也可以將他們先進行聲明成變數進行使用。據說Firefox以後也會加入document.all這個方法,所以建議使用第二種方法,應該會安全一些。
=============================================================================
你知道世界上有多少種瀏覽器嗎。除了我們熟知的IE, Firefox, Opera,Safari四大瀏覽器之外,世界上還有近百種瀏覽器。
幾天前,瀏覽器家族有剛誕生了一位小王子,就是Google推出的Chrome瀏覽器。由於Chrome出生名門,儘管他還是個小傢伙,沒有人敢小看他。以後,咱們常說瀏覽器的“四大才子”就得改稱為“五朵金花”了。
在網站前端開發中,瀏覽器安全色性問題本已讓我們手忙腳亂,Chrome的出世不知道又要給我們添多少亂子。瀏覽器安全色性是前端開發架構要解決的第一個問題,要解決相容性問題就得首先準確判斷出瀏覽器的類型及其版本。
JavaScript是前端開發的主要語言,我們可以通過編寫JavaScript程式來判斷瀏覽器的類型及版本。JavaScript判斷瀏覽器類型一般有兩種辦法,一種是根據各種瀏覽器專屬的屬性來分辨,另一種是通過分析瀏覽器的userAgent屬性來判斷的。在許多情況下,值判斷出瀏覽器類型之後,還需判斷瀏覽器版本才能處理相容性問題,而判斷瀏覽器的版本一般只能通過分析瀏覽器的userAgent才能知道。
我們先來分析一下各種瀏覽器的特徵及其userAgent。
IE
只有IE支援建立ActiveX控制項,因此她有一個其他瀏覽器沒有的東西,就是ActiveXObject函數。只要判斷window對象存在ActiveXObject函數,就可以明確判斷出當前瀏覽器是IE。而IE各個版本典型的userAgent如下:
Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0)
Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2)
Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1)
Mozilla/4.0 (compatible; MSIE 5.0; Windows NT)
其中,版本號碼是MSIE之後的數字。
Firefox
Firefox中的DOM元素都有一個getBoxObjectFor函數,用來擷取該DOM元素的位置和大小(IE對應的中是getBoundingClientRect函數)。這是Firefox專屬的,判斷它即可知道是當前瀏覽器是Firefox。Firefox幾個版本的userAgent大致如下:
Mozilla/5.0 (Windows; U; Windows NT 5.2) Gecko/2008070208Firefox/3.0.1
Mozilla/5.0 (Windows; U; Windows NT 5.1) Gecko/20070309Firefox/2.0.0.3
Mozilla/5.0 (Windows; U; Windows NT 5.1) Gecko/20070803Firefox/1.5.0.12
其中,版本號碼是Firefox之後的數字。
Opera
Opera提供了專門的瀏覽器標誌,就是window.opera屬性。Opera典型的userAgent如下:
Opera/9.27 (Windows NT 5.2; U; zh-cn)
Opera/8.0 (Macintosh; PPC Mac OS X; U; en)
Mozilla/5.0 (Macintosh; PPC Mac OS X; U; en) Opera 8.0
其中,版本號碼是靠近Opera的數字。
Safari
Safari瀏覽器中有一個其他瀏覽器沒有的openDatabase函數,可做為判斷Safari的標誌。Safari典型的userAgent如下:
Mozilla/5.0 (Windows; U; Windows NT 5.2) AppleWebKit/525.13 (KHTML,like Gecko) Version/3.1 Safari/525.13
Mozilla/5.0 (iPhone; U; CPU like Mac OS X) AppleWebKit/420.1(KHTML, like Gecko) Version/3.0 Mobile/4A93 Safari/419.3
其版本號碼是Version之後的數字。
Chrome
Chrome有一個MessageEvent函數,但Firefox也有。不過,好在Chrome並沒有Firefox的getBoxObjectFor函數,根據這個條件還是可以準確判斷出Chrome瀏覽器的。目前,Chrome的userAgent是:
Mozilla/5.0 (Windows; U; Windows NT 5.2) AppleWebKit/525.13 (KHTML,like Gecko) Chrome/0.2.149.27 Safari/525.13
其中,版本號碼在Chrome只後的數字。
有趣的是,Chrome的userAgent還包含了Safari的特徵,也許這就是Chrome可以運行所有Apple瀏覽器應用的基礎吧。
只要瞭解了以上資訊,我們就可以根基這些特徵來判斷瀏覽器類型及其版本了。我們會將判斷的結果儲存在Sys名字空間中,成為前端架構的基本標誌資訊,供今後的程式來讀取。如果判斷出謀種瀏覽器,Sys名字空間將有一個該瀏覽器名稱的屬性,其值為該瀏覽器的版本號碼。例如,如果判斷出IE7.0,則Sys.ie的值為7.0;如果判斷出Firefox3.0,則Sys.firefox的值為3.0。下面是判斷瀏覽器的代碼:
< script type ="text/javascript" >
var Sys = {};
var ua = navigator.userAgent.toLowerCase();
if (window.ActiveXObject)
Sys.ie = ua.match( / msie([\d.]+) / )[ 1 ]
else if (document.getBoxObjectFor)
Sys.firefox = ua.match( / firefox\ / ([\d.] + ) / )[1]
else if (window.MessageEvent && ! document.getBoxObjectFor)
Sys.chrome = ua.match( / chrome\ / ([\d.] + ) / )[1]
else if (window.opera)
Sys.opera = ua.match( / opera.([\d.]+) / )[ 1 ]
else if (window.openDatabase)
Sys.safari = ua.match( / version\ / ([\d.] + ) / )[1];
// 以下進行測試
if (Sys.ie)document.write( ' IE: ' + Sys.ie);
if (Sys.firefox)document.write( ' Firefox: ' + Sys.firefox);
if (Sys.chrome)document.write( ' Chrome: ' + Sys.chrome);
if (Sys.opera)document.write( ' Opera: ' + Sys.opera);
if (Sys.safari)document.write( ' Safari: ' + Sys.safari);
</script>
我們把對IE的判斷放在第一,因為IE的使用者最多,其次是判斷Firefox。按使用者多少的順序來判斷瀏覽器類型,可以提高判斷效率,少做無用功。之所以將Chrome放在第三判斷,是因為我們預測Chrome很快會成為市場佔有率第三的瀏覽器。其中,在分析瀏覽器版本時,用到了Regex來析取其中的版本資訊。
如果你的JavaScript玩得很高,你還可以將前面的判斷代碼寫成這樣:
< script type ="text/javascript" >
var Sys = {};
var ua = navigator.userAgent.toLowerCase();
window.ActiveXObject ? Sys.ie = ua.match( / msie([\d.]+) / )[ 1 ] :
document.getBoxObjectFor ? Sys.firefox = ua.match( / firefox\ / ([\d.] + ) / )[1]:
window.MessageEvent && ! document.getBoxObjectFor ? Sys.chrome = ua.match( / chrome\ / ([\d.] + ) / )[1]:
window.opera ? Sys.opera = ua.match( / opera.([\d.]+) / )[ 1 ]:
window.openDatabase ? Sys.safari = ua.match( / version\ / ([\d.] + ) / )[1]: 0;
// 以下進行測試
if (Sys.ie)document.write( ' IE: ' + Sys.ie);
if (Sys.firefox)document.write( ' Firefox: ' + Sys.firefox);
if (Sys.chrome)document.write( ' Chrome: ' + Sys.chrome);
if (Sys.opera)document.write( ' Opera: ' + Sys.opera);
if (Sys.safari)document.write( ' Safari: ' + Sys.safari);
</ script >
這樣可以使JavaScript代碼更精簡些。當然,可讀性稍差一些,就看你是重視效率還是重視可維護性了。
使用不同特徵來判斷瀏覽器的方法,雖然在速度上比用Regex分析userAgent要來的快,不過這些特徵可能會隨瀏覽器版本而變化。比如,一種瀏覽器本來專屬的特性取得了市場上的成功,其他瀏覽器也就可能跟著加入該特性,從而使該瀏覽器的專屬特徵消失,導致我們的判斷失敗。因此,相對比較保險的做法是通過解析userAgent中的特徵來判斷瀏覽器類型。何況,反正判斷版本資訊也需要解析瀏覽器的userAgent的。
通過分析各類瀏覽器的userAgent資訊,不難得出分辨各類瀏覽器及其版本的Regex。而且,對瀏覽器類型的判斷和版本的判斷完全可以合為一體地進行。於是,我們可以寫出下面的代碼:
< script type ="text/javascript" >
var Sys = {};
var ua = navigator.userAgent.toLowerCase();
var s;
(s = ua.match( / msie([\d.]+) / )) ? Sys.ie = s[ 1 ] :
(s = ua.match( / firefox\ / ([\d.] + ) / ))? Sys.firefox = s[1] :
(s = ua.match( / chrome\ / ([\d.] + ) / ))? Sys.chrome = s[1] :
(s = ua.match( / opera.([\d.]+) / )) ? Sys.opera = s[ 1 ] :
(s = ua.match( / version\ / ([\d.] + ). * safari / ))? Sys.safari = s[1] : 0;