作家
登录

jquery判断浏览器类型的代码

作者: 来源:www.28hudong.com 2013-03-30 00:21:01 阅读 我要评论

Jquery中利用navigator.userAgent.indexOf来判断浏览器类型,并进行了一下处理,建议学习Jquery的朋友学习下,了解一下思路。 主要使用的方法:$.browser.['浏览器关键字'] 复制代码 代码如下: $(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浏览器 如果我们要来判断当前浏览器是否是IE6应该如何来判断? 复制代码 代码如下: 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 ) } 调用的时候和jquery一样,只不过把$符号取掉就行了 如果是为了判断IE的版本我还是推荐用IE的条件表达式来书写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]--> 这个比我们手动通过$.browser来判断IE版本更精准,也不用去记jquery的browser的使用方法了

  推荐阅读

  php对mongodb的扩展(初识如故)

在博主的威逼之下特为大家进行一下小分享,特此申明博主人品非常淳朴只是威逼,绝对没有利诱。 由于mongodb的相关中文资料较少,之后若有机会继续为大家分享。希望这点小分享能给大家带来收获,言归正传请往下看。>>>详细阅读


本文标题:jquery判断浏览器类型的代码

地址:http://www.17bianji.com/kaifa2/JS/22969.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)