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中的undefined,null,&quot;&quot;,0和false
Mar 08 Javascript
javascript 获取网页参数系统
Jul 19 Javascript
javascript下利用arguments实现string.format函数
Aug 24 Javascript
分享精心挑选的12款优秀jQuery Ajax分页插件和教程
Aug 09 Javascript
JavaScript在Android的WebView中parseInt函数转换不正确问题解决方法
Apr 25 Javascript
基于Javascript实现弹出页面效果
Jan 01 Javascript
JS实现控制图片显示大小的方法【图片等比例缩放功能】
Feb 18 Javascript
React.js绑定this的5种方法(小结)
Jun 05 Javascript
利用Blob进行文件上传的完整步骤
Aug 02 Javascript
vue 对象添加或删除成员时无法实时更新的解决方法
May 01 Javascript
Vue使用NProgress进度条的方法
Sep 21 Javascript
VUE 实现动态给对象增加属性,并触发视图更新操作示例
Nov 29 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
为你总结一些php系统类函数
2015/10/21 PHP
php简单中奖算法(实例)
2017/08/15 PHP
PHP实现的字符串匹配算法示例【sunday算法】
2017/12/19 PHP
ExtJS Store的数据访问与更新问题
2010/04/28 Javascript
基于jQuery的试卷自动排版系统实现代码
2011/01/06 Javascript
js/jquery去掉空格,回车,换行示例代码
2013/11/05 Javascript
jquery iframe操作详细解析
2013/11/20 Javascript
解析JavaScript中delete操作符不能删除的对象
2013/12/03 Javascript
javascript:void(0)的问题使用探讨
2014/04/10 Javascript
用js一次改变多个input的readonly属性值的方法
2014/06/11 Javascript
node.js 开发指南 ? Node.js 连接 MySQL 并进行数据库操作
2014/07/29 Javascript
javascript结合fileReader 实现上传图片
2015/01/30 Javascript
简介JavaScript中substring()方法的使用
2015/06/06 Javascript
异步JS框架的作用以及实现方法
2015/10/29 Javascript
JavaScript实现的MD5算法完整实例
2016/02/02 Javascript
实例讲解JavaScript中call、apply、bind方法的异同
2016/09/13 Javascript
JQuery Ajax WebService传递参数的简单实例
2016/11/02 Javascript
bootstrap中的 form表单属性role=&quot;form&quot;的作用详解
2017/01/20 Javascript
canvas红包照片实例分享
2017/02/28 Javascript
three.js实现3D模型展示的示例代码
2017/12/31 Javascript
Puppeteer 爬取动态生成的网页实战
2018/11/14 Javascript
JavaScript设计模式之装饰者模式实例详解
2019/01/17 Javascript
微信小程序工具函数封装
2019/10/28 Javascript
VSCode插件安装完成后的配置(常用配置)
2020/08/24 Javascript
vue实现登录功能
2020/12/31 Vue.js
pyqt4教程之widget使用示例分享
2014/03/07 Python
python调用百度语音REST API
2018/08/30 Python
python实现朴素贝叶斯算法
2018/11/19 Python
Python3并发写文件与Python对比
2019/11/20 Python
Python表达式的优先级详解
2020/02/18 Python
PyQt5实现简单的计算器
2020/05/30 Python
python上下文管理器异常问题解决方法
2021/02/07 Python
学校招生宣传广告词
2014/03/19 职场文书
个人投资合作协议书
2014/10/12 职场文书
上班迟到检讨书范文300字
2014/11/02 职场文书
师德培训心得体会2016
2016/01/09 职场文书