基于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之旅 对象的原型链之由来
Aug 25 Javascript
js实时监听文本框状态的方法
Apr 26 Javascript
Javascript基础知识(一)核心基础语法与事件模型
Sep 29 Javascript
在JavaScript中访问字符串的子串
Jul 07 Javascript
JavaScript中运算符规则和隐式类型转换示例详解
Sep 06 Javascript
sublime text配置node.js调试(图文教程)
Nov 23 Javascript
Vue 页面切换效果之 BubbleTransition(推荐)
Apr 08 Javascript
详解多页应用 Webpack4 配置优化与踩坑记录
Oct 16 Javascript
详解使用React.memo()来优化函数组件的性能
Mar 19 Javascript
微信小程序如何实现全局重新加载
Jun 05 Javascript
详解vue 自定义组件使用v-model 及探究其中原理
Oct 11 Javascript
微信小程序实现搜索框功能及踩过的坑
Jun 19 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
历史证明,懒惰才是推动科学发展技术进步的动力
2021/03/02 无线电
php中用文本文件做数据库的实现方法
2008/03/27 PHP
php比较相似字符串的方法
2015/06/05 PHP
在PHP中使用FastCGI解析漏洞及修复方案
2015/11/10 PHP
PHP mysql事务问题实例分析
2016/01/18 PHP
php中让人头疼的浮点数运算分析
2016/10/10 PHP
使用EXT实现无刷新动态调用股票信息
2008/11/01 Javascript
ymPrompt的doHandler方法来实现获取子窗口返回值的方法
2010/06/25 Javascript
利用进制转换压缩数字函数分享
2014/01/02 Javascript
jquery基础教程之deferred对象使用方法
2014/01/22 Javascript
js中settimeout方法加参数的使用实例
2014/02/27 Javascript
用html+css+js实现的一个简单的图片切换特效
2014/05/28 Javascript
Promise.all中对于reject的处理方法
2018/08/01 Javascript
vue使用localStorage保存登录信息 适用于移动端、PC端
2019/05/27 Javascript
layui实现数据表格table分页功能(ajax异步)
2019/07/27 Javascript
vue实现编辑器键盘抬起时内容跟随光标距顶位置向上滚动效果
2020/05/28 Javascript
vue npm install 安装某个指定的版本操作
2020/08/11 Javascript
vue $router和$route的区别详解
2020/12/02 Vue.js
Python functools模块学习总结
2015/05/09 Python
python利用paramiko连接远程服务器执行命令的方法
2017/10/16 Python
Python实现AI自动抠图实例解析
2020/03/05 Python
Python小白垃圾回收机制入门
2020/06/09 Python
keras实现多种分类网络的方式
2020/06/11 Python
一文带你了解Python 四种常见基础爬虫方法介绍
2020/12/04 Python
Python基于argparse与ConfigParser库进行入参解析与ini parser
2021/02/02 Python
华润集团网上药店:健一网
2016/09/19 全球购物
科茨沃尔德家居商店:Scotts of Stow
2018/06/29 全球购物
销售部主管岗位职责
2013/12/18 职场文书
领导干部群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
整改报告怎么写
2014/11/06 职场文书
2015年度班主任自我评价
2015/03/11 职场文书
魂断蓝桥观后感
2015/06/10 职场文书
《富饶的西沙群岛》教学反思
2016/02/16 职场文书
面试必问:圣杯布局和双飞翼布局的区别
2021/05/13 HTML / CSS
无线电通信名词解释
2022/02/18 无线电
GPU服务器的多用户配置方法
2022/07/07 Servers