DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> Jquery代碼解釋教程:判斷浏覽器類型的Jquery代碼
Jquery代碼解釋教程:判斷浏覽器類型的Jquery代碼
編輯:關於JavaScript     

Jquery判斷IE6等浏覽器的代碼

jquery中利用navigator.userAgent.indexOf來判斷浏覽器類型,並進行了一下處理,如果不想使用jquery,稍為修改下代碼就可以為自己所用

Jquery判斷IE6的代碼:

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

jquery 判斷浏覽器方法
jquery中利用navigator.userAgent.indexOf來判斷浏覽器類型,並進行了一下處理,如果不想使用jquery,稍為修改下代碼就可以為自己所用
jquery判斷浏覽器的源碼(jquery1.31為例)

代碼如下:

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 )
}
調用的時候和jquery一樣,只不過把$符號取掉就行了
引用自:http://www.zdbase.com/content/detail.aspx?OID=F50C5170-4793-4C42-966C-823D48DA5879
用Jquery來判斷浏覽器的類型,如果只是僅僅為了判斷浏覽器的類型而使用該方法,那麼不建議使用,只是在你已經使用了jquery才建議使用,因為沒必要因為這麼小的一個功能就加載那麼大的類庫吧。
建議學習jquery的朋友學習下,了解一下思路。
主要使用的方法:$.browser.['浏覽器關鍵字']
代碼如下:
<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>

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved