基于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实现运动logo图片效果及运动元素对象sportBox使用方法
Dec 25 Javascript
用JQuery 判断某个属性是否存在hasAttr的解决方法
Apr 26 Javascript
解析javascript 实用函数的使用详解
May 10 Javascript
js写一个字符串转成驼峰的实例
Jun 21 Javascript
Javascript中判断变量是数组还是对象(array还是object)
Aug 14 Javascript
js中settimeout方法加参数
Feb 28 Javascript
node+express+jade制作简单网站指南
Nov 26 Javascript
javascript实现时间格式输出FormatDate函数
Jan 13 Javascript
AngularJS的脏检查深入分析
Apr 22 Javascript
详解基于vue-cli配置移动端自适应
Jan 13 Javascript
Vue render深入开发讲解
Apr 13 Javascript
html5以及jQuery实现本地图片上传前的预览代码实例讲解
Mar 01 jQuery
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
php5.3 不支持 session_register() 此函数已启用的解决方法
2013/11/12 PHP
php生成0~1随机小数的方法(必看)
2017/04/05 PHP
Laravel框架实现利用中间件进行操作日志记录功能
2018/06/06 PHP
扩展String功能方法
2006/09/22 Javascript
javascript各种复制代码收集
2008/09/20 Javascript
初窥JQuery(二)事件机制(2)
2010/12/06 Javascript
原生js和jQuery随意改变div属性style的名称和值
2014/10/22 Javascript
JavaScript实现将UPC转换成ISBN的方法
2015/05/26 Javascript
JavaScript中数据结构与算法(五):经典KMP算法
2015/06/19 Javascript
js格式化输入框内金额、银行卡号
2016/02/01 Javascript
springMVC结合AjaxForm上传文件
2016/07/12 Javascript
轻松实现jquery选项卡切换效果
2016/10/10 Javascript
js滚轮事件兼容性问题需要注意哪些
2016/11/15 Javascript
详解打造 Vue.js 可复用组件
2017/03/24 Javascript
JavaScript基于遍历操作实现对象深拷贝功能示例
2019/03/05 Javascript
Ant Design Pro 下实现文件下载的实现代码
2019/12/03 Javascript
javascript 模块依赖管理的本质深入详解
2020/04/30 Javascript
python 采集中文乱码问题的完美解决方法
2016/09/27 Python
Python编程使用NLTK进行自然语言处理详解
2017/11/16 Python
django中url映射规则和服务端响应顺序的实现
2020/04/02 Python
在jupyter notebook 添加 conda 环境的操作详解
2020/04/10 Python
英国手工布艺沙发在线购买:Sofas & Stuff
2018/03/02 全球购物
lookfantastic荷兰:在线购买奢华护肤、护发和化妆品
2018/11/27 全球购物
萨克斯第五大道英国:Saks Fifth Avenue英国
2019/04/01 全球购物
Moss Bros官网:英国排名第一的西装店
2020/02/26 全球购物
化学教师自荐信范文
2013/12/28 职场文书
船舶专业个人求职信范文
2014/01/02 职场文书
致铅球运动员广播稿精选
2014/01/12 职场文书
学习十八大报告感言
2014/02/28 职场文书
2014年助理工程师工作总结
2014/11/14 职场文书
通知的写法
2015/04/23 职场文书
被告答辩状范文
2015/05/22 职场文书
初中语文教学反思范文
2016/03/03 职场文书
分析MySQL抛出异常的几种常见解决方式
2021/05/18 MySQL
mysql主从复制的实现步骤
2021/10/24 MySQL
详解Vue中$props、$attrs和$listeners的使用方法
2022/02/18 Vue.js