基于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生成/解析dom的CDATA类型的字段的代码
Apr 22 Javascript
jQuery帮助之筛选查找 children([expr])
Jan 31 Javascript
alert和confirm功能介绍
May 21 Javascript
判断字符串的长度(优化版)中文占两个字符
Oct 30 Javascript
PHPMyAdmin导入时提示文件大小超出PHP限制的解决方法
Mar 30 Javascript
JavaScript模拟可展开、拖动与关闭的聊天窗口实例
May 12 Javascript
Jquery 效果使用详解
Nov 23 Javascript
使用base64对图片的二进制进行编码并用ajax进行显示
Jan 03 Javascript
jquery+ajax实现省市区三级联动效果简单示例
Jan 04 Javascript
iview日期控件,双向绑定日期格式的方法
Mar 15 Javascript
axios简单实现小程序延时loading指示
Jul 30 Javascript
原生JS实现拖拽效果
Dec 04 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
DC《小丑》11项提名领跑奥斯卡 Netflix成第92届奥斯卡提名最大赢家
2020/04/09 欧美动漫
php中AES加密解密的例子小结
2014/02/18 PHP
PHP图片等比例缩放生成缩略图函数分享
2014/06/10 PHP
PHP自定义图片缩放函数实现等比例不失真缩放的方法
2016/08/19 PHP
js动态设置鼠标事件示例代码
2013/10/30 Javascript
一行命令搞定node.js 版本升级
2014/07/20 Javascript
通过location.replace禁止浏览器后退防止重复提交
2014/09/04 Javascript
jquery Easyui快速开发总结
2015/08/20 Javascript
js实现的后台左侧管理菜单代码
2015/09/11 Javascript
Jquery 1.9.1源码分析系列(十二)之筛选操作
2015/12/02 Javascript
jQuery简单入门示例之用户校验demo示例
2016/07/09 Javascript
jQuery 选择符详细介绍及整理
2016/12/02 Javascript
任意Json转成无序列表的方法示例
2016/12/09 Javascript
javascript函数的四种调用模式
2017/01/08 Javascript
JS实现页面打印(整体、局部)
2017/08/18 Javascript
vue不通过路由直接获取url中参数的方法示例
2017/08/24 Javascript
JavaScript变量提升和严格模式实例分析
2019/01/27 Javascript
解决vue prop传值default属性如何使用,为何不生效的问题
2020/09/21 Javascript
JS实现无限轮播无倒退效果
2020/09/21 Javascript
手机浏览器唤起微信分享(JS)
2020/10/11 Javascript
Python比较文件夹比另一同名文件夹多出的文件并复制出来的方法
2015/03/05 Python
Python求导数的方法
2015/05/09 Python
Python遍历pandas数据方法总结
2018/02/09 Python
快速解决vue.js 模板和jinja 模板冲突的问题
2019/07/26 Python
python定时任务 sched模块用法实例
2019/11/04 Python
Python TestSuite生成测试报告过程解析
2020/07/23 Python
Python爬虫之Selenium多窗口切换的实现
2020/12/04 Python
html5使用canvas实现图片下载功能的示例代码
2017/08/26 HTML / CSS
美国益智玩具购物网站:Fat Brain Toys
2017/11/03 全球购物
幼儿园教育教学反思
2014/01/31 职场文书
分公司总经理岗位职责
2014/07/30 职场文书
2014党员民主评议个人总结
2014/09/10 职场文书
2014大学生职业生涯规划书最新范文
2014/09/13 职场文书
工程承包协议书
2014/10/20 职场文书
2014年青年志愿者工作总结
2014/12/09 职场文书
导游词之清晏园
2019/11/22 职场文书