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 相关文章推荐
彪哥1.1(智能表格)提供下载
Sep 07 Javascript
js当一个变量为函数时 应该注意的一点细节小结
Dec 29 Javascript
node.js中的fs.writeSync方法使用说明
Dec 15 Javascript
jquery模拟进度条实现方法
Aug 03 Javascript
AngularJs Understanding the Model Component
Sep 02 Javascript
AngularJS 表达式详解及实例代码
Sep 14 Javascript
node.js中grunt和gulp的区别详解
Jul 17 Javascript
JavaScript与Java正则表达式写法的区别介绍
Aug 15 Javascript
JS禁止浏览器右键查看元素或按F12审查元素自动关闭页面示例代码
Sep 07 Javascript
React+TypeScript+webpack4多入口配置详解
Aug 08 Javascript
layui的表单验证支持ajax判断用户名是否重复的实例
Sep 06 Javascript
JavaScript实现简单计算器
Mar 19 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调用淘宝开放API实现根据卖家昵称获取卖家店铺ID的方法
2015/07/29 PHP
phpinfo()中Loaded Configuration File(none)的解决方法
2017/01/16 PHP
JavaScript arguments 多参传值函数
2010/10/24 Javascript
JS左右无缝滚动(一般方法+面向对象方法)
2012/08/17 Javascript
jQuery CSS()方法改变现有的CSS样式表
2014/09/09 Javascript
AngularJS入门之动画
2016/07/27 Javascript
jQuery webuploader分片上传大文件
2016/11/07 Javascript
微信小程序中单位rpx和rem的使用
2016/12/06 Javascript
基于jQuery插件jqzoom实现的图片放大镜效果示例
2017/01/23 Javascript
jQuery实现字体颜色渐变效果的方法
2017/03/29 jQuery
分享十三个最佳JavaScript数据网格库
2017/04/07 Javascript
详解js中Array的方法及技巧
2018/09/12 Javascript
vue实现的双向数据绑定操作示例
2018/12/04 Javascript
JavaScript中判断为整数的多种方式及保留两位小数的方法
2019/09/09 Javascript
javascript 模块依赖管理的本质深入详解
2020/04/30 Javascript
python中cPickle用法例子分享
2014/01/03 Python
Python内置数据类型详解
2014/08/18 Python
python删除指定类型(或非指定)的文件实例详解
2015/07/06 Python
老生常谈Python基础之字符编码
2017/06/14 Python
python素数筛选法浅析
2018/03/19 Python
python程序控制NAO机器人行走
2019/04/29 Python
Python实现一个数组除以一个数的例子
2019/07/20 Python
pytorch dataloader 取batch_size时候出现bug的解决方式
2020/02/20 Python
python dict乱码如何解决
2020/06/07 Python
零基础学python应该从哪里入手
2020/08/11 Python
解决virtualenv -p python3 venv报错的问题
2021/02/05 Python
详解HTML5表单新增属性
2016/12/21 HTML / CSS
财务副总经理工作职责
2013/11/25 职场文书
日语求职信范文
2013/12/17 职场文书
软件项目实施计划书
2014/05/02 职场文书
英语教师自荐信
2014/05/26 职场文书
机电系毕业生求职信
2014/07/11 职场文书
2014班子成员自我剖析材料思想汇报
2014/10/01 职场文书
springboot利用redis、Redisson处理并发问题的操作
2021/06/18 Java/Android
JavaScript流程控制(循环)
2021/12/06 Javascript
python使用pycharm安装pyqt5以及相关配置
2022/04/22 Python