$.browser.msie 为空或不是对象问题的多种解决方法


Posted in Javascript onMarch 19, 2017

'$.browser.msie' 为空或不是对象,这个是jQuery错误
出现这个错误,是因为升级了jQuery版本,从1.9以前升级到1.9以后,因为$.browser.msie在1.9以后的jQuery中不存在了,所以报错。

jQuery 1.9 移除了 $.browser 的替代方法
$.browser是通过正则表达式来匹配userAgent来判断浏览器版本和种类的.jquery1.3.2版本的文档中已经声明jquery.browser及jquery.browser.version建议弃用,可以使用jquery.support来代替。

jQuery 从 1.9 版开始,移除了 $.browser 和 $.browser.version , 取而代之的是 $.support 。 在更新的 2.0 版本中,将不再支持 IE 6/7/8。 以后,如果用户需要支持 IE 6/7/8,只能使用 jQuery 1.9或者jQuery 1.10.1等。 如果要全面支持 IE,并混合使用 jQuery 1.9 和 2.0, 官方的解决方案是:

解决方法一:

<!--[if lt IE 9]>
<script src='/jquery-1.10.1.min.js'></script>
<![endif]-->
<!--[if gte IE 9]>
<script src='/jquery-2.0.2.min.js'></script>
<![endif]-->

解决方法二:

就是不要用$.browser.msie来判断,在网上找了一些能够直接替换的解决办法

$.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());

等号后面的表达式返回的就是 true/false, 可以直接用来替换原来的 $.browser.msie 等。

检查是否为 IE6:

// Old
if ($.browser.msie && 7 > $.browser.version) {}
// New
if ('undefined' == typeof(document.body.style.maxHeight)) {}

检查是否为 IE 6-8:

$.support.leadingWhitespace为IE中特有的属性,因此可以利用$.support.leadingWhitespace来判断浏览器是否是IE6-8

代码一

if (!$.support.leadingWhitespace) {}

代码二

$(function($){
  var ieFlag= $.support.leadingWhitespace;//定义判断IE8的变量
  if(!ieFlag){//IE8以下
   //IE代码
  }else{
   //其他代码
  }
 });

解决方法三

/*后发现的判断浏览器类型通用类型*/老外写的一篇文章,在IE、Firefox、Google下亲测可用

原文地址:http://stackoverflow.com/questions/9847580/how-to-detect-safari-chrome-ie-firefox-and-opera-browser

// Firefox 1.0+
 var isFirefox = typeof InstallTrigger !== 'undefined';
 alert("isFirefox:"+isFirefox);
 // Opera 8.0+
 var isOpera = (!!window.opr && !!opr.addons) || !!window.opera || navigator.userAgent.indexOf(' OPR/') >= 0;
 alert("isOpera:"+isOpera);
 // Safari <= 9 "[object HTMLElementConstructor]"
 var isSafari = Object.prototype.toString.call(window.HTMLElement).indexOf('Constructor') > 0;
 alert("isSafari:"+isSafari);
 // Internet Explorer 6-11
 var isIE = /*@cc_on!@*/ false || !!document.documentMode;
 alert("isIE:"+isIE);
 // Edge 20+
 var isEdge = !isIE && !!window.StyleMedia;
 alert("isEdge:"+isEdge);
 // Chrome 1+
 var isChrome = !!window.chrome && !!window.chrome.webstore;
 alert("isChrome:"+isChrome);
 // Blink engine detection(7)
 var isBlink = (isChrome || isOpera) && !!window.CSS;
 alert("isBlink:"+isBlink);

解决方法四:

最近把一个项目的jQuery升级到最新版,发现有些页面报如下错误

Cannot read property 'msie' of undefined

上jQuery网站上搜了一下,原因是$.browser这个api从jQuery1.9开始就正式废除,js代码里只要用到$.browser就会报这个错。具体说明参见jQuery官方说明。

楼主顺便扩展阅读了一下,发现jQuery 1.9把所有在之前版本里标记为deprecated的api都正式删除了,彻底不再向后兼容。对于升级到最新jQuery的童鞋而言,这意味着得花费一些额外的时间把代码升级使用新的api,或者自己另外实现这些被删除的方法。幸运的是,jQuery团队意识到了这个break change带来的种种不便,推出了一个叫jQuery Migrate插件,用于能够自动恢复那些在最新版本里被废弃的API。只要引用了这个插件,已有的js代码无须改动就能和最新的jQuery库一起正常运行。

下面是具体的解决方法,首先要下载jQuery Migrate插件,然后在引用jQuery js的地方之后加上对jQuery Migrate js文件的引用即可。

<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.js"></script>

用jQuery Migrate的解决方法虽然简单无脑,但是会导致增加一个额外的js库。对于不喜欢增加额外js库的童鞋,请注意下面代码加载位置为:jQuery文件之后,$.browser的代码之前。

jQuery.browser={};(function(){jQuery.browser.msie=false; jQuery.browser.version=0;if(navigator.userAgent.match(/MSIE ([0-9]+)./)){ jQuery.browser.msie=true;jQuery.browser.version=RegExp.$1;}})();

以上就是三水点靠木小编整理的解决方法了,大家可以根据项目需要选择比较简单的。

Javascript 相关文章推荐
Using the TextRange Object
Oct 14 Javascript
jQuery中操控hidden、disable等无值属性的方法
Jan 06 Javascript
JavaScript日期类型的一些用法介绍
Mar 02 Javascript
必备的JS调试技巧汇总
Jul 20 Javascript
纯JS焦点图特效实例(可一个页面多用)
Dec 07 Javascript
详解使用angular-cli发布i18n多国语言Angular应用
May 20 Javascript
js学习总结之DOM2兼容处理this问题的解决方法
Jul 27 Javascript
JavaScript代码执行的先后顺序问题
Oct 29 Javascript
JavaScript封装的常用工具类库bee.js用法详解【经典类库】
Sep 03 Javascript
Node.js+Express+Mysql 实现增删改查
Apr 03 Javascript
基于react项目打包css引用路径错误解决方案
Oct 28 Javascript
JavaScript中的Proxy对象
Nov 27 Javascript
JavaScript数据结构之链表的实现
Mar 19 #Javascript
用jQuery实现圆点图片轮播效果
Mar 19 #Javascript
Bootstrap 网格系统布局详解
Mar 19 #Javascript
用JavaScript和jQuery实现瀑布流
Mar 19 #Javascript
JSONP基础知识详解
Mar 19 #Javascript
jQuery中table数据的值拷贝和拆分
Mar 19 #Javascript
js实现旋转木马效果
Mar 17 #Javascript
You might like
php 智能404跳转代码,适合换域名没改变目录的网站
2010/06/04 PHP
不重新编译PHP为php增加openssl模块的方法
2011/06/14 PHP
深入解析PHP的引用计数机制
2013/06/14 PHP
php技术实现加载字体并保存成图片
2015/07/27 PHP
Laravel 6 将新增为指定队列任务设置中间件的功能
2019/08/06 PHP
常见的5个PHP编码小陋习以及优化实例讲解
2021/02/27 PHP
在视频前插入广告
2006/11/20 Javascript
深入理解Javascript闭包 新手版
2010/12/28 Javascript
JS读取cookies信息(记录用户名)
2012/01/10 Javascript
javascript中的document.open()方法使用介绍
2013/10/09 Javascript
一个JavaScript去除字符串末尾的空白实例代码
2014/09/22 Javascript
开源的javascript项目Kissy介绍
2014/11/28 Javascript
javascript实现当前页导航激活的方法
2015/02/27 Javascript
JavaScript实现经典排序算法之选择排序
2016/12/28 Javascript
微信小程序 生命周期和页面的生命周期详细介绍
2017/01/19 Javascript
vue+elementui 对话框取消 表单验证重置示例
2019/10/29 Javascript
[05:01]3.19DOTA2发布会 我们都是刀塔人
2014/03/25 DOTA
python 简易计算器程序,代码就几行
2009/08/29 Python
Python库urllib与urllib2主要区别分析
2014/07/13 Python
matplotlib中legend位置调整解析
2017/12/19 Python
Django实现CAS+OAuth2的方法示例
2019/10/30 Python
Python pygame绘制文字制作滚动文字过程解析
2019/12/12 Python
加拿大约会网站:EliteSingles.ca
2018/01/12 全球购物
Hotels.com加拿大:领先的在线住宿网站
2018/10/05 全球购物
中介公司区域经理岗位职责范本
2014/03/02 职场文书
租房协议书
2014/04/10 职场文书
治超工作实施方案
2014/05/04 职场文书
班级文化建设标语
2014/06/23 职场文书
2016社区平安家庭事迹材料
2016/02/26 职场文书
党员学习型组织心得体会
2019/06/21 职场文书
2019请假条的基本格式及范文!
2019/07/05 职场文书
详解Java分布式事务的 6 种解决方案
2021/06/26 Java/Android
高性能跳频抗干扰宽带自组网电台
2022/02/18 无线电
python和anaconda的区别
2022/05/06 Python
浅谈Node的内存泄露问题
2022/05/06 NodeJs
CSS 左边固定宽右边自适应的6种方法
2022/05/15 HTML / CSS