基于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 相关文章推荐
JQuery 插件制作实践 xMarquee插件V1.0
Apr 02 Javascript
鼠标放在图片上显示大图的JS代码
Mar 26 Javascript
判断数组是否包含某个元素的js函数实现方法
May 19 Javascript
jQuery Dialog 取消右上角删除按钮事件
Sep 07 Javascript
javascript实现滑动解锁功能
Mar 22 Javascript
vue2.0实现倒计时的插件(时间戳 刷新 跳转 都不影响)
Mar 30 Javascript
详谈表单重复提交的三种情况及解决方法
Aug 16 Javascript
JS+canvas画一个圆锥实例代码
Dec 13 Javascript
浅析Angular19 自定义表单控件
Jan 31 Javascript
Element-UI踩坑之Pagination组件的使用
Oct 29 Javascript
前端开发之便利店收银系统代码
Dec 27 Javascript
antd form表单数据回显操作
Nov 02 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
php 分页原理详解
2009/08/21 PHP
Thinkphp模板中截取字符串函数简介
2014/06/17 PHP
php+ajax 实现输入读取数据库显示匹配信息
2015/10/08 PHP
示例详解Laravel重置密码代码重构
2016/08/10 PHP
AES加解密在php接口请求过程中的应用示例
2016/10/26 PHP
JavaScript实现从数组中选出和等于固定值的n个数
2014/09/03 Javascript
学习Angularjs分页指令
2016/07/01 Javascript
jquery日历插件e-calendar升级版
2016/11/10 Javascript
AngularJS 中使用Swiper制作滚动图不能滑动的解决方法
2016/11/15 Javascript
详谈jQuery中的一些正则匹配表达式
2017/03/08 Javascript
微信小程序实现表单校验功能
2020/03/30 Javascript
Angular将填入表单的数据渲染到表格的方法
2017/09/22 Javascript
vue实现点击按钮切换背景颜色的示例代码
2020/06/23 Javascript
vue实现移动端返回顶部
2020/10/12 Javascript
python命令行参数sys.argv使用示例
2014/01/28 Python
Python 异常处理Ⅳ过程图解
2019/10/18 Python
Django集成celery发送异步邮件实例
2019/12/17 Python
Python代码生成视频的缩略图的实例讲解
2019/12/22 Python
Pytorch实现神经网络的分类方式
2020/01/08 Python
详细分析Python垃圾回收机制
2020/07/01 Python
详解Python遍历列表时删除元素的正确做法
2021/01/07 Python
教你一分钟在win10终端成功安装Pytorch的方法步骤
2021/01/28 Python
IE浏览器单独写CSS样式的几种方法
2014/10/14 HTML / CSS
德国高尔夫商店:Golfshop.de
2019/06/22 全球购物
经济实惠的名牌太阳镜和眼镜:Privé Revaux
2021/02/07 全球购物
机电一体化专业应届本科生求职信
2013/09/27 职场文书
学生会竞选演讲稿
2014/04/24 职场文书
煤矿安全演讲稿
2014/05/09 职场文书
旅游节目策划方案
2014/05/26 职场文书
优秀中职教师事迹材料
2014/08/26 职场文书
2014年领导班子专项整治整改方案
2014/09/28 职场文书
夫妻忠诚协议范文
2014/11/16 职场文书
作文批改评语
2014/12/25 职场文书
2016年小学生寒假家长评语
2015/10/10 职场文书
Nginx解决403 forbidden的完整步骤
2021/04/01 Servers
MySQL 主从复制数据不一致的解决方法
2022/03/18 MySQL