基于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 学习笔记(四)
Dec 31 Javascript
javascript 模拟点击广告
Jan 02 Javascript
jQuery事件 delegate()使用方法介绍
Oct 30 Javascript
封装html的select标签的js操作实例
Jul 02 Javascript
jquery中event对象属性与方法小结
Dec 18 Javascript
js闭包的用途详解
Nov 09 Javascript
浅谈Javascript中Object与Function对象
Sep 26 Javascript
js计算时间差代码【包括计算,天,时,分,秒】
Apr 26 Javascript
关于JS中的方法是否加括号的问题
Jul 27 Javascript
利用原生JS自动生成文章标题树的实例
Aug 22 Javascript
Vue 与 Vuex 的第一次接触遇到的坑
Aug 16 Javascript
用node开发并发布一个cli工具的方法步骤
Jan 03 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 addslashes 函数详细分析说明
2009/06/23 PHP
php基础学习之变量的使用
2011/06/09 PHP
在SAE上搭建最新wordpress的方法
2014/12/21 PHP
php制作动态随机验证码
2015/02/12 PHP
Zend Framework基于Command命令行建立ZF项目的方法
2017/02/18 PHP
使用onbeforeunload属性后的副作用
2007/03/08 Javascript
从JavaScript 到 JQuery (1)学习小结
2009/02/12 Javascript
关于取不到由location.href提交而来的上级页面地址的解决办法
2009/07/30 Javascript
jquery读写cookie操作实例分析
2015/12/24 Javascript
快速解决js动态改变dom元素属性后页面及时渲染的问题
2016/07/06 Javascript
js中通过getElementsByName访问name集合对象的方法
2016/10/31 Javascript
浅谈node的事件机制
2017/10/09 Javascript
vue小白入门教程
2018/04/02 Javascript
Vue单页及多页应用全局配置404页面实践记录
2018/05/22 Javascript
使用D3.js构建实时图形的示例代码
2018/08/28 Javascript
微信小程序Echarts覆盖正常组件问题解决
2019/07/13 Javascript
NUXT SSR初级入门笔记(小结)
2019/12/16 Javascript
微信小程序中的上拉、下拉菜单功能
2020/03/13 Javascript
Python实现简易端口扫描器代码实例
2017/03/15 Python
Python数据结构与算法之列表(链表,linked list)简单实现
2017/10/30 Python
Python设计模式之装饰模式实例详解
2019/01/21 Python
python os模块简单应用示例
2019/05/23 Python
python用pip install时安装失败的一系列问题及解决方法
2020/02/24 Python
基于python实现数组格式参数加密计算
2020/04/21 Python
Django:使用filter的pk进行多值查询操作
2020/07/15 Python
Python尾递归优化实现代码及原理详解
2020/10/09 Python
世界上最大的汽车共享网站:Zipcar
2017/01/14 全球购物
bonprix荷兰网上商店:便宜的服装、鞋子和家居用品
2020/07/04 全球购物
澳大利亚领先的在线礼品网站:Gifts Australia
2020/08/15 全球购物
社区敬老月活动实施方案
2014/02/17 职场文书
2014年预备党员学习两会心得体会
2014/03/17 职场文书
生产文员岗位职责
2014/04/05 职场文书
销售队伍口号
2014/06/11 职场文书
治庸问责工作总结
2015/08/11 职场文书
带你学习MySQL执行计划
2021/05/31 MySQL
Java中Dijkstra(迪杰斯特拉)算法
2022/05/20 Java/Android