快捷導(dǎo)航

Jquery判斷IE6等瀏覽器的代碼

更新時(shí)間：2011年04月05日 22:08:20 作者：

jquery中利用navigator.userAgent.indexOf來(lái)判斷瀏覽器類型，并進(jìn)行了一下處理，如果不想使用jquery，稍為修改下代碼就可以為自己所用

Jquery判斷IE6的代碼：

 
if ($.browser.msie && ($.browser.version == "6.0") && !$.support.style) { 
//代碼 
} 

jquery 判斷瀏覽器方法
jquery中利用navigator.userAgent.indexOf來(lái)判斷瀏覽器類型，并進(jìn)行了一下處理，如果不想使用jquery，稍為修改下代碼就可以為自己所用
jquery判斷瀏覽器的源碼(jquery1.31為例)
Js代碼：

復(fù)制代碼代碼如下:

 
var userAgent = navigator.userAgent.toLowerCase(); 
// Figure out what browser is being used 
jQuery.browser = { 
version: (userAgent.match( /.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/ ) || [0,'0'])[1], 
safari: /webkit/.test( userAgent ), 
opera: /opera/.test( userAgent ), 
msie: /msie/.test( userAgent ) && !/opera/.test( userAgent ), 
mozilla: /mozilla/.test( userAgent ) && !/(compatible|webkit)/.test( userAgent ) 
}; 

version---瀏覽器版本
msie----ie瀏覽器(Microsoft Internet Explorer)
mozilla-火狐瀏覽器
opera--opera瀏覽器
Js代碼：
var userAgent = navigator.userAgent.toLowerCase();
browser={
version: (userAgent.match( /.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/ ) || [0,'0'])[1],
safari: /webkit/.test( userAgent ),
opera: /opera/.test( userAgent ),
msie: /msie/.test( userAgent ) && !/opera/.test( userAgent ),
mozilla: /mozilla/.test( userAgent ) && !/(compatible|webkit)/.test( userAgent )
}
調(diào)用的時(shí)候和jquery一樣，只不過(guò)把$符號(hào)取掉就行了
引用自：http://www.zdbase.com/content/detail.aspx?OID=F50C5170-4793-4C42-966C-823D48DA5879
用Jquery來(lái)判斷瀏覽器的類型，如果只是僅僅為了判斷瀏覽器的類型而使用該方法,那么不建議使用，只是在你已經(jīng)使用了jquery才建議使用，因?yàn)闆](méi)必要因?yàn)檫@么小的一個(gè)功能就加載那么大的類庫(kù)吧。
建議學(xué)習(xí)jquery的朋友學(xué)習(xí)下，了解一下思路。
主要使用的方法:$.browser.['瀏覽器關(guān)鍵字']
代碼如下：

復(fù)制代碼代碼如下:

 
<script type="text/javascript"> 
$(function() { 
if($.browser.msie) { 
$( function() { alert("this is msie"); }); 
} 
else if($.browser.safari) 
{ 
$( function() { alert("this is safari!"); }); 
} 
else if($.browser.mozilla) 
{ 
$( function() { alert("this is mozilla!"); }); 
} 
else if($.browser.opera) 
{ 
$( function() { alert("this is opera"); }); 
} 
else 
{ 
$( function() { alert("i don't konw!"); }); 
} 
}); 
</script> 

您可能感興趣的文章:

相關(guān)文章

jquery實(shí)現(xiàn)很酷的網(wǎng)頁(yè)頂部圖標(biāo)下拉菜單效果
這篇文章主要介紹了jquery實(shí)現(xiàn)很酷的網(wǎng)頁(yè)頂部圖標(biāo)下拉菜單效果,效果非常美觀大方,通過(guò)鼠標(biāo)hover事件及頁(yè)面元素的遍歷與樣式操作實(shí)現(xiàn)該功能,需要的朋友可以參考下
2015-08-08
JQuery Ajax執(zhí)行跨域請(qǐng)求數(shù)據(jù)的解決方案
今天小編就為大家分享一篇關(guān)于JQuery Ajax執(zhí)行跨域請(qǐng)求數(shù)據(jù)的解決方案，小編覺(jué)得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來(lái)看看吧
2018-12-12
jQuery插件PageSlide實(shí)現(xiàn)左右側(cè)欄導(dǎo)航菜單
jQuery pageSlide 是一個(gè)可以讓網(wǎng)頁(yè)出現(xiàn)滾動(dòng)效果的jQuery插件，它可以控制一個(gè)隱藏頁(yè)面的顯示和關(guān)閉。具體來(lái)說(shuō)，就是當(dāng)前頁(yè)占一個(gè)完整頁(yè)面，隱藏頁(yè)是看不到的，你設(shè)置一個(gè)控制的地方，點(diǎn)擊該控制時(shí)觸發(fā)事件，隱藏的頁(yè)面就滑出來(lái)，再次點(diǎn)擊隱藏頁(yè)面以外的地方，它就又關(guān)閉
2015-04-04
jQuery瀑布流插件Wookmark使用實(shí)例
Wookmark jQuery插件大致使用position:absolute來(lái)重構(gòu)內(nèi)容實(shí)現(xiàn)瀑布流布局,需要的朋友可以參考下
2014-04-04
jquery制作的移動(dòng)端購(gòu)物車(chē)效果完整示例
這篇文章主要介紹了jquery制作的移動(dòng)端購(gòu)物車(chē)效果,結(jié)合完整實(shí)例形式詳細(xì)分析了jQuery移動(dòng)端購(gòu)物車(chē)具體功能實(shí)現(xiàn)、數(shù)值計(jì)算、界面布局與顯示效果相關(guān)操作技巧,需要的朋友可以參考下
2020-02-02
jQuery獲取file控件中圖片的寬高與大小
本文通過(guò)實(shí)例代碼告訴大家如何利用jQuery獲取file控件中圖片的寬高與大小，在我們上傳之前就可以檢查上傳圖片的大小，高度，寬度是否適合我們的要求了，下面是關(guān)于判斷圖片的寬高大小的代碼。
2016-08-08
基于jquery的一個(gè)OutlookBar類，動(dòng)態(tài)創(chuàng)建導(dǎo)航條
初學(xué)jquery，如有錯(cuò)誤，請(qǐng)高手們指出想看效果及完整代碼的可以下載rar包
2010-11-11
模擬多級(jí)復(fù)選框效果的jquery代碼
今天又次體會(huì)到j(luò)query的強(qiáng)大了，做了個(gè)多級(jí)復(fù)選框的效果，代碼塊分兩塊:一是全選的效果、二是當(dāng)前復(fù)選框的父框根據(jù)當(dāng)前框的兄弟是否全選中來(lái)決定父框是否選中
2013-08-08
jQuery中hide()方法用法實(shí)例
這篇文章主要介紹了jQuery中hide()方法用法,以實(shí)例形式較為詳細(xì)的分析了hide()方法的定義、功能與使用技巧,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2014-12-12
使用jquery實(shí)現(xiàn)輪播圖效果
這篇文章主要為大家詳細(xì)介紹了使用jquery實(shí)現(xiàn)輪播圖效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-01-01