基于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 相关文章推荐
用正则xmlHttp实现的偷(转)
Jan 22 Javascript
JavaScript 盒模型 尺寸深入理解
Dec 31 Javascript
javascript原型模式用法实例详解
Jun 04 Javascript
使用impress.js制作幻灯片
Sep 09 Javascript
在easyUI开发中,出现jquery.easyui.min.js函数库问题的解决办法
Sep 11 Javascript
JavaScript观察者模式(经典)
Dec 09 Javascript
快速掌握jQuery插件WebUploader文件上传
Nov 07 Javascript
微信小程序页面跳转功能之从列表的item项跳转到下一个页面的方法
Nov 27 Javascript
Angular4.x Event (DOM事件和自定义事件详解)
Oct 09 Javascript
vue项目中使用scss的方法步骤
May 16 Javascript
js实现鼠标点击飘爱心效果
Aug 19 Javascript
详解Vue的sync修饰符
May 15 Vue.js
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/10/09 PHP
通俗易懂的php防注入代码
2010/04/07 PHP
ubuntu下编译安装xcache for php5.3 的具体操作步骤
2013/06/18 PHP
PHP生成自定义长度随机字符串的函数分享
2014/05/04 PHP
ThinkPHP CURD方法之field方法详解
2014/06/18 PHP
php+mysql查询优化简单实例
2015/01/13 PHP
jQuery 位置插件
2008/12/25 Javascript
JS不间断向上滚动效果代码
2013/12/25 Javascript
javascript中验证大写字母、数字和中文
2014/01/15 Javascript
用jQuery实现的智能隐藏、滑动效果的返回顶部代码
2014/03/18 Javascript
JQuery插入DOM节点的方法
2015/06/11 Javascript
浅谈Javascript中substr和substring的区别
2015/09/30 Javascript
javascript实现3D切换焦点图
2015/10/16 Javascript
10道典型的JavaScript面试题
2017/03/22 Javascript
JS库之Particles.js中文开发手册及参数详解
2017/09/13 Javascript
jQuery实现可兼容IE6的遮罩功能详解
2017/09/19 jQuery
node.js操作MongoDB的实例详解
2017/10/11 Javascript
微信小程序中吸底按钮适配iPhone X方案
2017/11/29 Javascript
html中创建并调用vue组件的几种方法汇总
2020/11/17 Javascript
Python实现windows下模拟按键和鼠标点击的方法
2015/03/13 Python
使用Python的urllib2模块处理url和图片的技巧两则
2016/02/18 Python
用python做一个搜索引擎(Pylucene)的实例代码
2017/07/05 Python
python实现外卖信息管理系统
2018/01/11 Python
Python实现的括号匹配判断功能示例
2018/08/25 Python
Django+zTree构建组织架构树的方法
2019/08/21 Python
如何将json数据转换为python数据
2020/09/04 Python
美国高端寝具品牌:Coyuchi
2017/02/08 全球购物
Aerosoles爱柔仕官网:美国舒软女鞋品牌
2017/07/17 全球购物
Fanatics官网:运动服装、球衣、运动装备
2020/10/12 全球购物
Shell如何接收变量输入
2016/08/06 面试题
体育系毕业生求职自荐信
2014/04/16 职场文书
新闻报道稿范文
2015/07/23 职场文书
高中政治教学反思
2016/02/23 职场文书
《合作意向书》怎么写?
2019/08/20 职场文书
Win10系统下配置Java环境变量
2021/06/13 Java/Android
Python 中的Sympy详细使用
2021/08/07 Python