jQuery下通过$.browser来判断浏览器.


Posted in Javascript onApril 05, 2011

使用方法:
$.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判断浏览器的种类和版本.
如果我们要来判断当前浏览器是否是IE6应该如何来判断?
$.browser.msie&&($.browser.version == "6.0")&&!$.support.style
同样jQuery判断浏览器是否为IE7
$.browser.msie&&($.browser.version == "7.0")
如果不考虑向后兼容性,又不想为了判断各浏览器类型而导入jQuery
判断IE最简单的方法是
if(document.all){ 
alert("IE6") 
}

$.browser是通过正则表达式来匹配userAgent来判断浏览器版本和种类的.jquery1.3.2版本的文档中已经声明jquery.browser及jquery.browser.version建议弃用,可以使用jquery.support来代替
但是目前的情况来看,jquery.support并不好用,而且是非常的难用,我们还是老老实实的用$.browser来判断浏览器类型吧
如果是为了判断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的使用方法了
Javascript 相关文章推荐
js弹出模式对话框,并接收回传值的方法
Mar 12 Javascript
jQuery Mobile页面跳转后未加载外部JS原因分析及解决
Mar 18 Javascript
HTTP 304错误的详细讲解
Nov 13 Javascript
js选项卡的实现方法
Feb 09 Javascript
不同编码的页面表单数据乱码问题解决方法
Feb 15 Javascript
JS中捕获console.log()输出的方法
Apr 16 Javascript
Jquery结合HTML5实现文件上传
Jun 25 Javascript
javascript将DOM节点添加到文档的方法实例分析
Aug 04 Javascript
JavaScript的ExtJS框架中表格的编写教程
May 21 Javascript
jQuery Easyui Datagrid实现单行的上移下移及保存移动的结果
Aug 15 Javascript
Angular2进阶之如何避免Dom误区
Apr 02 Javascript
Vue实现一个无限加载列表功能
Nov 13 Javascript
Jquery判断IE6等浏览器的代码
Apr 05 #Javascript
jquery load()在firefox(火狐)下显示不正常的解决方法
Apr 05 #Javascript
JQuery中$之选择器用法介绍
Apr 05 #Javascript
关于window.pageYOffset和document.documentElement.scrollTop
Apr 05 #Javascript
Javascript 自适应高度的Tab选项卡
Apr 05 #Javascript
Ajax 数据请求的简单分析
Apr 05 #Javascript
jQuery1.5.1 animate方法源码阅读
Apr 05 #Javascript
You might like
模仿OSO的论坛(五)
2006/10/09 PHP
phpstrom使用xdebug配置方法
2013/12/17 PHP
支持png透明图片的php生成缩略图类分享
2015/02/08 PHP
php对关联数组循环遍历的实现方法
2015/03/13 PHP
PHP实现QQ快速登录的方法
2016/09/28 PHP
Laravel 自带的Auth验证登录方法
2019/09/30 PHP
游戏人文件夹程序 ver 4.03
2006/07/14 Javascript
理解JavaScript的caller,callee,call,apply
2009/04/28 Javascript
jQuery 学习6 操纵元素显示效果的函数
2010/02/07 Javascript
jquery的键盘事件修改代码
2011/02/24 Javascript
详谈JavaScript 匿名函数及闭包
2014/11/14 Javascript
JavaScript中的this关键字使用详解
2015/08/14 Javascript
以jQuery中$.Deferred对象为例讲解promise对象是如何处理异步问题
2015/11/13 Javascript
axios全局请求参数设置,请求及返回拦截器的方法
2018/03/05 Javascript
JavaScript常用数学函数用法示例
2018/05/14 Javascript
详解基于vue的服务端渲染框架NUXT
2018/06/20 Javascript
vue-cli 打包使用history模式的后端配置实例
2018/09/20 Javascript
关于layui toolbar和template的结合使用方法
2019/09/19 Javascript
React中使用UMEditor的方法示例
2019/12/27 Javascript
easyUI 实现的后台分页与前台显示功能示例
2020/06/01 Javascript
《Python之禅》中对于Python编程过程中的一些建议
2015/04/03 Python
python 脚本生成随机 字母 + 数字密码功能
2018/05/26 Python
Python编程快速上手——Excel表格创建乘法表案例分析
2020/02/28 Python
python数据库开发之MongoDB安装及Python3操作MongoDB数据库详细方法与实例
2020/03/18 Python
Python接口开发实现步骤详解
2020/04/26 Python
windows系统Tensorflow2.x简单安装记录(图文)
2021/01/18 Python
h5调用摄像头的实现方法
2016/06/01 HTML / CSS
伦敦著名的运动鞋综合商店:Footpatrol
2019/03/25 全球购物
改变生活的男士内衣:SAXX Underwear
2019/08/28 全球购物
JD Sports荷兰:英国领先的运动时尚零售商
2020/03/13 全球购物
篝火晚会策划方案
2014/05/16 职场文书
在校实习生求职信
2014/06/18 职场文书
中国梦演讲稿范文
2014/08/28 职场文书
安阳殷墟导游词
2015/02/10 职场文书
《合作意向书》怎么写?
2019/08/20 职场文书
【DOTA2】总决赛血虐~ XTREME GAMING vs MAGMA - OGA DOTA PIT 2022 CN
2022/04/02 DOTA