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获取RadioButtonList的Value/Text及选中值等信息实现代码
Mar 05 Javascript
如何让页面加载完成后执行js
Jun 26 Javascript
javascript 实现map集合
Apr 03 Javascript
图解Sublime Text3使用技巧
Dec 21 Javascript
jQuery toggle 代替方法
Mar 22 Javascript
jQuery操作css样式
May 15 jQuery
vue父组件中获取子组件中的数据(实例讲解)
Sep 27 Javascript
React Native中的RefreshContorl下拉刷新使用
Oct 09 Javascript
Vue列表渲染的示例代码
Nov 01 Javascript
浅析vue 函数配置项watch及函数 $watch 源码分享
Nov 22 Javascript
vue中 数字相加为字串转化为数值的例子
Nov 07 Javascript
详解vue中$nextTick和$forceUpdate的用法
Dec 11 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基础知识:函数基础知识
2006/12/13 PHP
PHP根据图片色界在不同位置加水印的方法
2015/07/01 PHP
浅谈PHP的$_SERVER[SERVER_NAME]
2017/02/04 PHP
php 中htmlentities导致中文无法查询问题
2018/09/10 PHP
Laravel框架Eloquent ORM简介、模型建立及查询数据操作详解
2019/12/04 PHP
jQuery1.6 正式版发布并提供下载
2011/05/05 Javascript
jQuery学习笔记之控制页面实现代码
2012/02/27 Javascript
基于jquery的多功能软键盘插件
2012/07/25 Javascript
javascript简单实现图片预加载
2014/12/03 Javascript
JavaScript检查弹出窗口是否被阻拦的方法技巧
2015/03/13 Javascript
js实现简单秒表走动的时钟特效
2020/03/25 Javascript
jquery实现简单的瀑布流布局
2016/12/11 Javascript
Jquery Easyui表单组件Form使用详解(30)
2016/12/19 Javascript
JavaScript实现向select下拉框中添加和删除元素的方法
2017/03/07 Javascript
微信小程序商城项目之侧栏分类效果(1)
2017/04/17 Javascript
angularJs中datatable实现代码
2017/06/03 Javascript
详解用Node.js写一个简单的命令行工具
2018/03/01 Javascript
浅谈JS的原型和继承
2019/05/08 Javascript
js绘制一条直线并旋转45度
2020/08/21 Javascript
vue pages 多入口项目 + chainWebpack 全局引用缩写说明
2020/09/21 Javascript
python基础教程之匿名函数lambda
2017/01/17 Python
详解python调度框架APScheduler使用
2017/03/28 Python
Python中扩展包的安装方法详解
2017/06/14 Python
Python使用sklearn实现的各种回归算法示例
2019/07/04 Python
python 利用浏览器 Cookie 模拟登录的用户访问知乎的方法
2019/07/11 Python
matplotlib实现显示伪彩色图像及色度条
2019/12/07 Python
使用python实现多维数据降维操作
2020/02/24 Python
Python制作一个仿QQ办公版的图形登录界面
2020/09/22 Python
python 爬虫之selenium可视化爬虫的实现
2020/12/04 Python
Geekbuying波兰:购买中国电子产品
2019/10/20 全球购物
大四学生找工作的自荐信
2014/03/27 职场文书
大学生心理活动总结
2014/07/04 职场文书
纪念一二九运动演讲稿
2014/09/16 职场文书
升职自我推荐信范文
2015/03/25 职场文书
python-opencv 中值滤波{cv2.medianBlur(src, ksize)}的用法
2021/06/05 Python
详解MySQL的主键查询为什么这么快
2022/04/03 MySQL