jquery判斷瀏覽器類(lèi)型的代碼
主要使用的方法:$.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 使用的是通過(guò)正則來(lái)匹配userAgent判斷瀏覽器的種類(lèi)和版本.
version---瀏覽器版本
msie----ie瀏覽器(Microsoft Internet Explorer)
mozilla-火狐瀏覽器
opera--opera瀏覽器
如果我們要來(lái)判斷當(dāng)前瀏覽器是否是IE6應(yīng)該如何來(lái)判斷?
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一樣,只不過(guò)把$符號(hào)取掉就行了
如果是為了判斷IE的版本我還是推薦用IE的條件表達(dá)式來(lái)書(shū)寫(xiě)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)通過(guò)$.browser來(lái)判斷IE版本更精準(zhǔn),也不用去記jquery的browser的使用方法了
相關(guān)文章
checkbox 選中一個(gè)另一個(gè)checkbox也會(huì)選中的實(shí)現(xiàn)代碼
本文給大家?guī)?lái)了checkbox選擇器之checkbox 選中一個(gè)另一個(gè)checkbox也會(huì)選中的實(shí)現(xiàn)代碼 ,非常不錯(cuò),有需要的可以參考下2016-07-07jquery按回車(chē)鍵實(shí)現(xiàn)表單提交的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇jquery按回車(chē)鍵實(shí)現(xiàn)表單提交的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05jquery zTree異步加載、模糊搜索簡(jiǎn)單實(shí)例分享
這篇文章主要為大家詳細(xì)介紹了jquery zTree異步加載、模糊搜索簡(jiǎn)單實(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)過(guò)顯示動(dòng)畫(huà)邊框特效
本文主要介紹了jQuery鼠標(biāo)經(jīng)過(guò)顯示動(dòng)畫(huà)邊框特效的實(shí)例代碼。具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧2017-03-03通過(guò)jQuery源碼學(xué)習(xí)javascript(三)
承接上兩篇繼續(xù)寫(xiě)下去。我盡量把我明白的地方給大家說(shuō)清楚。有些大家的提問(wèn)我也有點(diǎn)搞不明白,如果有人能解答,再好不過(guò)了2012-12-12EasyUI的TreeGrid的過(guò)濾功能的解決思路
這篇文章主要介紹了EasyUI的TreeGrid的過(guò)濾功能的解決思路,需要的朋友可以參考下2017-08-08