老插件兼容IE8及更早需分层降级：优先用document.readyState检测，fallback attachEvent；querySelectorAll等API手动模拟；JSON缺失时注入json2.js或防御代码；统一处理event.target/srcElement和addEventListener/attachEvent差异。
检查 document.readyState 替代 DOMContentLoaded 的老写法
IE8 及更早版本不支持 DOMContentLoaded 事件，很多老插件用它做初始化入口，直接报错“addEventListener is not a function”或静默失效。现代写法应降级兜底：
- 优先检测
document.readyState === 'complete'或'interactive' - fallback 到
document.attachEvent('onreadystatechange', handler)（IE6–8） - 避免在
中立即执行依赖 DOM 的 JS，改用window.onload（兼容性最广，但延迟高）
替换 querySelectorAll 等现代 API 的手动实现
老插件若直接调用 querySelectorAll、classList、Array.from，会在 IE9 以下崩溃。不要强行 polyfill 全套，按需补关键能力：
- 用
document.getElementsByTagName+className.indexOf模拟简单选择器 - 对
element.className字符串操作替代element.classList.add -
Array.prototype.slice.call(nodelist)替代Array.from（IE9+ 支持，IE8 需判断nodelist.length后 for 循环）
处理 JSON.parse 和 JSON.stringify 缺失问题
IE7 及更早无原生 JSON 支持，老插件若未检测就调用会报 “JSON is undefined”。必须显式注入兼容层：
- 在插件加载前引入
json2.js（Douglas Crockford 官方轻量版） - 或加一段防御代码：
if (!window.JSON) { window.JSON = { parse: function(s) { return eval('(' + s + ')'); }, stringify: function(o) { /* 简单序列化逻辑 */ } }; }（仅限可信数据，eval有风险） - 注意：IE8 有原生 JSON，但部分老插件仍会跳过检测直接报错，建议统一加存在性判断
区分 event.target 和 event.srcElement 的事件对象差异
IE8 及以下用 event.srcElement，标准浏览器用 event.target。老插件若硬编码 e.target，在 IE 下取不到触发元素。
立即学习“前端免费学习笔记（深入）”；
- 统一写成
e.target || e.srcElement - 事件绑定也需区分：
elem.addEventListener('click', fn, false)（现代） vselem.attachEvent('onclick', fn)（IE） - 注意
attachEvent的 this 指向是window，不是绑定元素，需用fn.call(elem, e)手动修正
老版本兼容不是靠升级浏览器解决的，关键在识别插件里哪几行 JS 触发了不兼容——通常就是那几个高频 DOM/Event/JSON API。逐个打补丁比换框架更可控，但得盯住 try/catch 里漏掉的错误和异步回调中隐式使用的现代语法。
