解决IE6-8浏览器JS文件加载状态判断难题

IE6-8浏览器JS加载兼容性问题

浏览器在加载外部文件时存在显著的兼容性问题。近期参考了@lifesinger的相关总结，其中IE6至IE8版本尤为棘手，因为这些版本在脚本加载时不区分成功或失败状态，统一执行同一个回调。网上常见的解决方案是在目标JS文件末尾设置全局变量或修改标签属性，以此通过标志位判断加载结果。然而，这种方法需要修改被加载的文件，显然不够完美。

基于vbscript的错误捕获方案

随后尝试另一种思路：先创建一个vbscript元素，将其src指向目标JS文件。如果该JS文件加载正常，浏览器执行时必然报错；若文件无效则无反应。因此，通过window.onerror捕获错误即可判定文件有效，随后再正常加载。若未捕获到错误，则在数秒后触发超时机制。

具体实现代码如下：

核心代码实现if(ie && ie < 9) {
vbs = doc.createElement('script');
vbs.language = 'vbscript';
vbs.src = file;
saveErrorHandle = win.onerror;
win.onerror = function() {
load();
win.onerror = saveErrorHandle;
return true;
       };
setTimeout(function(){
ref.parentNode.insertBefore(vbs, ref);
}, 0);
} else {
load();
     }