jquery判斷瀏覽器類型的代碼
更新時(shí)間:2012年11月05日 17:10:03 作者:
用jquery來判斷瀏覽器類型,如果只是僅僅為了判斷瀏覽器的類型而使用該方法,那么不建議使用,只是在你已經(jīng)使用了jquery才建議使用,因?yàn)闆]必要因?yàn)檫@么小的一個(gè)功能就加載那么大的類庫吧
Jquery中利用navigator.userAgent.indexOf來判斷瀏覽器類型,并進(jìn)行了一下處理,建議學(xué)習(xí)Jquery的朋友學(xué)習(xí)下,了解一下思路。
主要使用的方法:$.browser.['瀏覽器關(guān)鍵字']
$(function() {
if($.browser.msie) {
alert("this is msie");
} else if($.browser.safari) {
alert("this is safari!");
} else if($.browser.mozilla) {
alert("this is mozilla!");
} else if($.browser.opera) {
alert("this is opera");
} else {
alert("i don't konw!");
}
我們看下jQuery的源碼:
var userAgent = navigator.userAgent.toLowerCase();
// Figure out what browser is being used
jQuery.browser = {
version: (userAgent.match( /.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/ ) || [])[1],
safari: /webkit/.test( userAgent ),
opera: /opera/.test( userAgent ),
msie: /msie/.test( userAgent ) && !/opera/.test( userAgent ),
mozilla: /mozilla/.test( userAgent ) && !/(compatible|webkit)/.test( userAgent )
};
Jquery 使用的是通過正則來匹配userAgent判斷瀏覽器的種類和版本.
version---瀏覽器版本
msie----ie瀏覽器(Microsoft Internet Explorer)
mozilla-火狐瀏覽器
opera--opera瀏覽器
如果我們要來判斷當(dāng)前瀏覽器是否是IE6應(yīng)該如何來判斷?
if($.browser.msie&&($.browser.version == "6.0")&&!$.support.style){
alert("ie6");
}
同樣Jquery判斷瀏覽器是否為IE7
if($.browser.msie&&($.browser.version == "7.0")){
alert("ie7");
}
如果不想使用Jquery,稍為修改下代碼就可以為自己所用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一樣,只不過把$符號(hào)取掉就行了
如果是為了判斷IE的版本我還是推薦用IE的條件表達(dá)式來書寫JS
<!--[if IE]>
<script type="text/javascript">
alert("ie");
</script>
<![endif]-->
<!--[if IE 6]>
<script type="text/javascript">
alert("ie6");
</script>
<![endif]-->
<!--[if IE 7]>
<script type="text/javascript">
alert("ie7");
</script>
<![endif]-->
這個(gè)比我們手動(dòng)通過$.browser來判斷IE版本更精準(zhǔn),也不用去記jquery的browser的使用方法了
主要使用的方法:$.browser.['瀏覽器關(guān)鍵字']
復(fù)制代碼 代碼如下:
$(function() {
if($.browser.msie) {
alert("this is msie");
} else if($.browser.safari) {
alert("this is safari!");
} else if($.browser.mozilla) {
alert("this is mozilla!");
} else if($.browser.opera) {
alert("this is opera");
} else {
alert("i don't konw!");
}
我們看下jQuery的源碼:
復(fù)制代碼 代碼如下:
var userAgent = navigator.userAgent.toLowerCase();
// Figure out what browser is being used
jQuery.browser = {
version: (userAgent.match( /.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/ ) || [])[1],
safari: /webkit/.test( userAgent ),
opera: /opera/.test( userAgent ),
msie: /msie/.test( userAgent ) && !/opera/.test( userAgent ),
mozilla: /mozilla/.test( userAgent ) && !/(compatible|webkit)/.test( userAgent )
};
Jquery 使用的是通過正則來匹配userAgent判斷瀏覽器的種類和版本.
version---瀏覽器版本
msie----ie瀏覽器(Microsoft Internet Explorer)
mozilla-火狐瀏覽器
opera--opera瀏覽器
如果我們要來判斷當(dāng)前瀏覽器是否是IE6應(yīng)該如何來判斷?
復(fù)制代碼 代碼如下:
if($.browser.msie&&($.browser.version == "6.0")&&!$.support.style){
alert("ie6");
}
同樣Jquery判斷瀏覽器是否為IE7
復(fù)制代碼 代碼如下:
if($.browser.msie&&($.browser.version == "7.0")){
alert("ie7");
}
如果不想使用Jquery,稍為修改下代碼就可以為自己所用Js代碼:
復(fù)制代碼 代碼如下:
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一樣,只不過把$符號(hào)取掉就行了
如果是為了判斷IE的版本我還是推薦用IE的條件表達(dá)式來書寫JS
復(fù)制代碼 代碼如下:
<!--[if IE]>
<script type="text/javascript">
alert("ie");
</script>
<![endif]-->
<!--[if IE 6]>
<script type="text/javascript">
alert("ie6");
</script>
<![endif]-->
<!--[if IE 7]>
<script type="text/javascript">
alert("ie7");
</script>
<![endif]-->
這個(gè)比我們手動(dòng)通過$.browser來判斷IE版本更精準(zhǔn),也不用去記jquery的browser的使用方法了
相關(guān)文章
checkbox 選中一個(gè)另一個(gè)checkbox也會(huì)選中的實(shí)現(xiàn)代碼
本文給大家?guī)砹薱heckbox選擇器之checkbox 選中一個(gè)另一個(gè)checkbox也會(huì)選中的實(shí)現(xiàn)代碼 ,非常不錯(cuò),有需要的可以參考下2016-07-07jquery按回車鍵實(shí)現(xiàn)表單提交的簡單實(shí)例
下面小編就為大家?guī)硪黄猨query按回車鍵實(shí)現(xiàn)表單提交的簡單實(shí)例。小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-05jquery zTree異步加載、模糊搜索簡單實(shí)例分享
這篇文章主要為大家詳細(xì)介紹了jquery zTree異步加載、模糊搜索簡單實(shí)例,感興趣的小伙伴們可以參考一下2016-03-03jquery的clone方法應(yīng)用于textarea和select的bug修復(fù)
textarea和select的值clone的時(shí)候會(huì)丟掉,在clone的時(shí)候?qū)al再重新賦值一下,如果知道這個(gè)了就加單了2014-06-06jQuery實(shí)現(xiàn)鼠標(biāo)經(jīng)過顯示動(dòng)畫邊框特效
本文主要介紹了jQuery鼠標(biāo)經(jīng)過顯示動(dòng)畫邊框特效的實(shí)例代碼。具有很好的參考價(jià)值。下面跟著小編一起來看下吧2017-03-03通過jQuery源碼學(xué)習(xí)javascript(三)
承接上兩篇繼續(xù)寫下去。我盡量把我明白的地方給大家說清楚。有些大家的提問我也有點(diǎn)搞不明白,如果有人能解答,再好不過了2012-12-12