深入解析IE11中被废止的JS方法.docxVIP

深入解析IE11中被废止的方法 尽管我们已经了解了Internet Explorer 11中的一些新特性，包括对WebGL的支持、预抓取、预渲染、flexbox、mutation observers 以及其他一些Web标准的支持，特别是废弃了一些非标准的方法，这对一些较早开发的应用，产生了严重影响，甚至不能正常使用。尽管可以使用IE11中的兼容性视图，但总是感觉不太理想。至于到底有哪些变化，不经过实践验证，总是不能深入。最近，因为项目需要，升级了前几年开发的一套WEB应用系统，使其能够适应IE11。在升级过程中，较为深入的了解了IE11与较早版本的一些区别，以及需要修改那些地方才能适应IE11。现整理出来一部分，供需要的同行参考。 IE11已经不再是IE了 这也是微软首次真正移除了Internet Explorer的一些特性，转而对Web标准的支持更好。特别是更改了user-agent 字符串，这使得很多判断浏览器是否IE的代码无法工作，包括有些 JavaScript 的 isIE() 的方法在Internet Explorer 11上执行会返回 false。在IE11中，user-agent 比之前的版本要短很多，而且去掉了最关键的MSIE的关键字（这在IE10中还有）： Internet Explorer 11 的 user-agent: Mozilla/5.0 (Windows NT 6.3; Trident/7.0; rv 11.0) like Gecko 鉴于此，之前多数使用 MSIE 来判断是否IE浏览器的代码都无法工作。 此外微软还更改了navigator 对象：navigator.appName 值为 “Netscape”，而duct 值为 “Gecko”，据说这样修改为了满足HTML5而进行的，是 HTML5 中实际指定的。在 HTML5 中要求这两个属性必须返回上述对应的值，显然IE 11遵守了这个规定。此举导致一些根据navigator 对象判断浏览器型号的JavaScript 代码会将IE11识别成基于Gecko的浏览器。下面的代码可以用来判断不同的浏览器以及他们的版本： //浏览器版本信息 window.GLOBAL = { BROWSER : (function() { var u = window.navigator.userAgent.toLocaleLowerCase(), msie = /(msie) ([\d.]+)/, chrome = /(chrome)\/([\d.]+)/, firefox = /(firefox)\/([\d.]+)/, safari = /(safari)\/([\d.]+)/, opera = /(opera)\/([\d.]+)/, ie11 = /(trident)\/([\d.]+)/, //match方法返回的是数组，0个元素是匹配的完整表达式，1和2个是匹配的子表达式 b=u.match(msie)||u.match(chrome)||u.match(firefox)||u.match(safari)||u.match(opera)||u.match(ie11); return {NAME: b[1], VERSION: parseInt(b[2])}; })() } 获取的的时候使用： window.GLOBAL.BROWSER.NAME； window.GLOBAL.BROWSER.VERSION); //注意，IE11的版本是trident，版本是7； 如果仅仅是想判断是不是IE（包括早期版本），另一种办法是判断能不能实例化ActiveXObject： Var IsIE= !!window.ActiveXObject || ActiveXObject in window document.all不被推荐 从IE4 开始，document.all 在IE中举足轻重。比起 document.getElementById() 来说，document.all 是IE方式的获取元素的引用的方法。尽管IE5增加对DOM的支持，但 document.all 一直沿用至IE10。在Internet Explorer 11中document.all 并没有真正被删除，但不推荐使用。document.all这种方法有一个十分讨厌的问题，即当元素只有一个时，Document.all.elementName[0]会报出异常，需要用Document.all.elementName直接获取；而document.getElementsByName