基于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 相关文章推荐
Javascript前端UI框架Kit使用指南之kitjs事件管理
Nov 28 Javascript
详细谈谈AngularJS的子级作用域问题
Sep 05 Javascript
JQuery手速测试小游戏实现思路详解
Sep 20 Javascript
js关于getImageData跨域问题的解决方法
Oct 14 Javascript
jQuery-mobile事件监听与用法详解
Nov 23 Javascript
JS作用域深度解析
Dec 29 Javascript
利用ES6语法重构React组件详解
Mar 02 Javascript
react-native 封装选择弹出框示例(试用ios&amp;android)
Jul 11 Javascript
jQuery发请求传输中文参数乱码问题的解决方案
May 22 jQuery
js canvas实现5张图片合成一张图片
Jul 15 Javascript
angular inputNumber指令输入框只能输入数字的实现
Dec 03 Javascript
使用element-ui +Vue 解决 table 里包含表单验证的问题
Jul 17 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对gzip文件或者字符串解压实例参考
2008/07/25 PHP
ThinkPHP惯例配置文件详解
2014/07/14 PHP
PHP实现的简单组词算法示例
2018/04/10 PHP
基于swoole实现多人聊天室
2018/06/14 PHP
thinkphp框架使用JWTtoken的方法详解
2019/10/10 PHP
纯JavaScript实现HTML5 Canvas六种特效滤镜示例
2013/06/28 Javascript
浅析JQuery获取和设置Select选项的常用方法总结
2013/07/04 Javascript
JavaScript对象学习经验整理
2013/10/12 Javascript
javascript获取四位数字或者字母的随机数
2015/01/09 Javascript
nw.js实现类似微信的聊天软件
2015/03/16 Javascript
jquery中ajax处理跨域的三大方式
2016/01/05 Javascript
JavaScript类型系统之Object详解
2016/01/07 Javascript
vue,angular,avalon这三种MVVM框架优缺点
2016/04/27 Javascript
详解微信小程序入门五: wxml文件引用、模版、生命周期
2017/01/20 Javascript
详解extract-text-webpack-plugin 的使用及安装
2018/06/12 Javascript
如何获取vue单文件自身源码路径
2019/05/06 Javascript
es6函数之尾递归用法实例分析
2020/04/25 Javascript
详解在IDEA中将Echarts引入web两种方式(使用js文件和maven的依赖导入)
2020/07/11 Javascript
Python编程之多态用法实例详解
2015/05/19 Python
在Django的URLconf中使用多个视图前缀的方法
2015/07/18 Python
python文件写入write()的操作
2019/05/14 Python
python tkinter canvas 显示图片的示例
2019/06/13 Python
Python操作Mongodb数据库的方法小结
2019/09/10 Python
python 默认参数相关知识详解
2019/09/18 Python
浅谈Python的方法解析顺序(MRO)
2020/03/05 Python
解决django接口无法通过ip进行访问的问题
2020/03/27 Python
Python编写memcached启动脚本代码实例
2020/08/14 Python
使用Python Tkinter实现剪刀石头布小游戏功能
2020/10/23 Python
Html5 滚动穿透的方法
2019/05/13 HTML / CSS
香港草莓网土耳其网站:Strawberrynet TR
2017/03/02 全球购物
Tom Dixon官网:英国照明及家具设计和制造公司
2019/03/01 全球购物
租房安全协议书
2014/08/20 职场文书
个人务虚会发言材料
2014/10/20 职场文书
2015年公司国庆放假通知
2015/07/30 职场文书
教师远程培训心得体会
2016/01/09 职场文书
500字作文之关于爸爸
2019/11/14 职场文书