jquery 判断浏览器方法

jquery中利用navigator.userAgent.indexOf来判断浏览器类型,并进行了一下处理,如果不想使用jquery,稍为修改下代码就可以为自己所用

jquery判断浏览器的源码(jquery1.31为例)

 

Js代码:
  1. var userAgent = navigator.userAgent.toLowerCase();   
  2.   
  3.  // Figure out what browser is being used   
  4. jQuery.browser = {   
  5.     version: (userAgent.match( /.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/ ) || [0,'0'])[1],   
  6.     safari: /webkit/.test( userAgent ),   
  7.     opera: /opera/.test( userAgent ),   
  8.     msie: /msie/.test( userAgent ) && !/opera/.test( userAgent ),   
  9.     mozilla: /mozilla/.test( userAgent ) && !/(compatible|webkit)/.test( userAgent )   
  10. };  

version---浏览器版本

msie----ie浏览器(Microsoft Internet Explorer)

mozilla-火狐浏览器

opera--opera浏览器

 

 

 

Js代码:
  1. var userAgent = navigator.userAgent.toLowerCase();   
  2. browser={   
  3.         version: (userAgent.match( /.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/ ) || [0,'0'])[1],   
  4. safari: /webkit/.test( userAgent ),   
  5. opera: /opera/.test( userAgent ),   
  6. msie: /msie/.test( userAgent ) && !/opera/.test( userAgent ),   
  7. mozilla: /mozilla/.test( userAgent ) && !/(compatible|webkit)/.test( userAgent )   
  8. }  

调用的时候和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>
posted @ 2011-02-10 15:35  春哥也编程  阅读(1139)  评论(0编辑  收藏  举报