基于jQuery1.9版本如何判断浏览器版本类型


Posted in Javascript onJanuary 12, 2016

在jquery.1.9以前的版本,可以使用$.browser很轻松的判断浏览器的类型和版本,但是在1.9中和以后的版本中,$.browser已经被删除,下面就介绍一下如何实现此功能,希望能够给需要的朋友带来帮助。

一.自定义代码:

$.browser.mozilla = /firefox/.test(navigator.userAgent.toLowerCase()); 
$.browser.webkit = /webkit/.test(navigator.userAgent.toLowerCase()); 
$.browser.opera = /opera/.test(navigator.userAgent.toLowerCase()); 
$.browser.msie = /msie/.test(navigator.userAgent.toLowerCase());

以上代码中,等号后面的表达式返回值是布尔类型的,用来表示是否支持此浏览器。这样就实现了自定义的$.browser效果。

二.判断IE6浏览器:

jquery1.9之前使用以下代码:

if ($.browser.msie && 7 > $.browser.version) {}

jquery1.9和之后使用以下代码:

if ('undefined' == typeof(document.body.style.maxHeight)) {}

三.判断IE6-IE8浏览器:

if (!$.support.leadingWhitespace) {}

综上所述,基本实现了我们的要求,这里就不多介绍了。

扩展知识点:

jQuery.browser的定义和用法:

浏览器内核标识,依据 navigator.userAgent 判断。

可用值: safari 、opera 、msie 和mozilla。

浏览器对象检测技术与此属性共同使用可提供可靠的浏览器检测支持。

在jQuery 1.9中已经删除。

如果网页在opera浏览器中运行,那么jQuery.browser.opera会返回true,否则返回false。
其他的属性值以此类推。

实例代码:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="https://3water.com/" />
<title>三水点靠木</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
alert($.browser.msie); 
}); 
</script> 
</head> 
<body> 
如果在IE浏览器中运行则返回true,否则返回false。 
</body> 
</html>

typeof 运算符的用法:

typeof运算符放在操作数之前,可以检测此操作数的数据类型,并返回一个字符串用以说明操作数的类型。
操作数可以是变量或者值等。

typeof运算符可能返回的值:

一.如果变量未赋值或者变量值赋值为undefined,则返回undefined。

实例实例:

var a
console.log(typeof(a))

变量a没有被赋值,这个时候变量被默认隐式赋值undefined。输出结果:undefined。

var a=undefined;
console.log(typeof(a))

变量a被赋值undefined。输出结果:undefined。

二.如果变量或者值是布尔类型,则返回boolean。

实例代码:

console.log(typeof (true))

输出结果:boolean。

var a=2,b=1,c=3,d;
d=a+b;
console.log(typeof(c==d))

输出结果:boolean。

三.如果变量或者值是数值类型,则返回number。

console.log(typeof(1))

输出结果:number。

四.如果变量或者值是字符串,则返回string。

console.log(typeof("mayi"))

输出结果:string。

console.log(typeof("a"))

ECMAScript中没有字符类型。所以此段代码也会输出string。

五.变量是引用类型或者null,则会返回object。

注:null可以认为是对象的占位符,所以返回值也是object。

实例代码:

var a=new Date;
console.log(typeof(a))

建立一个时间对象实例a,它是一个引用类型。输出结果: objct。

console.log(typeof(null))

输出结果: object。

六.如果变量是函数,则返回function

console.log(typeof(function(){alert("大家好")}))

输出结果:function。

var a=function(){alert("大家好")}
console.log(typeof(a))

输出结果:function。

Javascript 相关文章推荐
使用JS操作页面表格,元素的一些技巧
Feb 02 Javascript
JavaScript生成GUID的多种算法小结
Aug 18 Javascript
javascript比较两个日期的先后示例代码
Dec 31 Javascript
JS组件Bootstrap导航条使用方法详解
Apr 29 Javascript
js 动态给元素添加、移除事件的实现方法
Jul 19 Javascript
Vue学习笔记进阶篇之过渡状态详解
Jul 14 Javascript
Bootstrap与Angularjs的模态框实例代码
Aug 03 Javascript
jQuery 利用ztree实现树形表格的实例代码
Sep 27 jQuery
重学 JS:为啥 await 不能用在 forEach 中详解
Apr 15 Javascript
在vue中高德地图引入和轨迹的绘制的实现
Oct 11 Javascript
使用js实现单链解决前端队列问题的方法
Feb 03 Javascript
详解Vue之计算属性
Jun 20 Javascript
jQuery版本升级踩坑大全
Jan 12 #Javascript
基于jQuery实现点击最后一行实现行自增效果的表格
Jan 12 #Javascript
7个jQuery最佳实践
Jan 12 #Javascript
实例详解jQuery Mockjax 插件模拟 Ajax 请求
Jan 12 #Javascript
JavaScript实现输入框(密码框)出现提示语
Jan 12 #Javascript
javascript自动恢复文本框点击清除后的默认文本
Jan 12 #Javascript
JS清除文本框内容离开在恢复及鼠标离开文本框时触发js的方法
Jan 12 #Javascript
You might like
第九节--绑定
2006/11/16 PHP
php curl模拟post请求小实例
2013/11/13 PHP
ThinkPHP CURD方法之data方法详解
2014/06/18 PHP
详解php魔术方法(Magic methods)的使用方法
2016/02/14 PHP
PHP数组函数知识汇总
2016/05/12 PHP
PHP使用PHPExcel实现批量上传到数据库的方法
2017/06/08 PHP
JavaScript delete 属性的使用
2009/10/08 Javascript
JavaScript之Getters和Setters 平台支持等详细介绍
2012/12/07 Javascript
javascript怎么禁用浏览器后退按钮
2014/03/27 Javascript
JavaScript在Android的WebView中parseInt函数转换不正确问题解决方法
2015/04/25 Javascript
jQuery的基本概念与高级编程
2015/05/14 Javascript
JS使用cookie实现DIV提示框只显示一次的方法
2015/11/05 Javascript
Angular的自定义指令以及实例
2016/12/26 Javascript
angular分页指令操作
2017/01/09 Javascript
Bootstrap 过渡效果Transition 模态框(Modal)
2017/03/17 Javascript
Kotlin学习第一步 kotlin语法特性
2017/05/25 Javascript
原生JS+Canvas实现五子棋游戏
2020/05/28 Javascript
在react-router4中进行代码拆分的方法(基于webpack)
2018/03/08 Javascript
深入理解Vue router的部分高级用法
2018/08/15 Javascript
京东优选小程序的实现代码示例
2020/02/25 Javascript
Jquery ajax书写方法代码实例解析
2020/06/12 jQuery
js观察者模式的弹幕案例
2020/11/23 Javascript
[02:32]“虐狗”镜头慎点 2016国际邀请赛中国区预选赛现场玩家采访
2016/06/28 DOTA
使用Python来开发微信功能
2018/06/13 Python
python微信好友数据分析详解
2018/11/19 Python
Python快速转换numpy数组中Nan和Inf的方法实例说明
2019/02/21 Python
Python配置虚拟环境图文步骤
2019/05/20 Python
Django接收post前端返回的json格式数据代码实现
2019/07/31 Python
Python FTP文件定时自动下载实现过程解析
2019/11/12 Python
美国领先的在线邮轮旅游公司:CruiseDirect
2018/06/07 全球购物
shallow copy和deep copy的区别
2016/05/09 面试题
经贸专业毕业生求职信
2014/03/23 职场文书
《一个小村庄的故事》教学反思
2014/04/13 职场文书
团队拓展训练感想
2015/08/07 职场文书
聊聊基于pytorch实现Resnet对本地数据集的训练问题
2022/03/25 Python
Python查找算法的实现 (线性、二分,分块、插值查找算法)
2022/04/24 Python