基于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框架中DOMReady事件的实现小结
Feb 12 Javascript
自己使用jquery写的一个无缝滚动的插件
Apr 30 Javascript
JavaScript合并两个数组并去除重复项的方法
Jun 13 Javascript
jQuery代码实现表格中点击相应行变色功能
May 09 Javascript
JavaScript实现左右下拉框动态增删示例
Mar 09 Javascript
浅谈Angular 中何时取消订阅
Nov 22 Javascript
开发Vue树形组件的示例代码
Dec 21 Javascript
layui表格checkbox选择全选样式及功能的实例
Mar 07 Javascript
Vue-Cli 3.0 中配置高德地图的两种方式
Jun 19 Javascript
vue自定义标签和单页面多路由的实现代码
May 03 Javascript
JS实现前端动态分页码代码实例
Jun 02 Javascript
vue实现两个区域滚动条同步滚动
Dec 13 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
多重?l件?合查?(二)
2006/10/09 PHP
PHP magento后台无法登录问题解决方法
2016/11/24 PHP
php获取网站根目录物理路径的几种方法(推荐)
2017/03/04 PHP
利用PHPStorm如何开发Laravel应用详解
2017/08/30 PHP
PHP设计模式(七)组合模式Composite实例详解【结构型】
2020/05/02 PHP
一页面多XMLHttpRequest对象
2007/01/22 Javascript
javascript字符串替换及字符串分割示例代码
2013/12/12 Javascript
jQuery避免$符和其他JS库冲突的方法对比
2014/02/20 Javascript
js实现的复制兼容chrome和IE
2014/04/03 Javascript
js生成缩略图后上传并利用canvas重绘
2014/05/15 Javascript
js点击列表文字对应该行显示背景颜色的实现代码
2015/08/05 Javascript
jquery带下拉菜单和焦点图代码分享
2015/08/24 Javascript
jquery实现Slide Out Navigation滑出式菜单效果代码
2015/09/07 Javascript
AngularJS 遇到的小坑与技巧小结
2016/06/07 Javascript
使用vue框架 Ajax获取数据列表并用BootStrap显示出来
2017/04/24 Javascript
vue绑定设置属性的多种方式(5)
2017/08/16 Javascript
详解axios 全攻略之基本介绍与使用(GET 与 POST)
2017/09/15 Javascript
解决JQuery全选/反选第二次失效的问题
2017/10/11 jQuery
微信小程序使用template标签实现五星评分功能
2018/11/03 Javascript
Vue实现导航栏点击当前标签变色功能
2020/08/19 Javascript
layui实现鼠标移动到单元格上显示数据的方法
2019/09/11 Javascript
python列表使用实现名字管理系统
2019/01/30 Python
tensorflow之变量初始化(tf.Variable)使用详解
2020/02/06 Python
python操作docx写入内容,并控制文本的字体颜色
2020/02/13 Python
html如何对span设置宽度
2019/10/30 HTML / CSS
美国在线精品家居网站:Burke Decor
2017/04/12 全球购物
Penhaligon’s英国官网:成立于1870年的英国香水制造商
2021/02/18 全球购物
护理中职生求职信范文
2014/02/24 职场文书
《观舞记》教学反思
2014/04/16 职场文书
银行职员自我鉴定
2014/04/20 职场文书
微笑面对生活演讲稿
2014/05/13 职场文书
亲子阅读的活动方案
2014/08/15 职场文书
医疗专业毕业生求职信
2014/08/28 职场文书
小学生国庆65周年演讲稿范文(2篇)
2014/09/21 职场文书
公司周年庆典标语
2014/10/07 职场文书
小兵张嘎观后感
2015/06/03 职场文书