利用VBScript 检测,有副作用,慎用!

    var loadScript = function () {
var DOC = document,
HEAD = document.getElementsByTagName('head')[0];
// 往head注入一个script
var injectScript = function(src, beforeInject){
var script = document.createElement('script');
beforeInject.call(script);
script.src = src;
script.async = true;
HEAD.insertBefore(script, HEAD.firstChild);
return script;
};
// 销毁script标签
var destoryScript = function(script){
script.onerror = script.onreadystatechange = script.onload = null;
if (script.parentNode) {
script.parentNode.removeChild(script)
}
script = null;
};
return function(src, success, failure){
var dfd = $.Deferred();
if (DOC.dispatchEvent)
// 对于w3c标准浏览器,采用onerror和onload判断脚本加载情况
injectScript(src, function(){
var script = this;
script.onload = function(_, isAbort){
console.log(isAbort);
destoryScript(script);
// dfd.resolve();
};
script.onerror = function(_, isAbort){
destoryScript(script);
// dfd.reject();
};
});
else
// 对于恶心的IE8-,我们通过一个vbscript元素,来检测脚本是否加载成功
injectScript(src, function(){
var vbtest = this, flag = 0;
vbtest.language = 'vbscript';
var errorHandler = function(){
// 错误时,判断脚本是否正在解释,是则标志加载成功
if (vbtest.readyState == 'interactive') {
flag = 1;
}
return false;
};
window.attachEvent('onerror', errorHandler);
vbtest.onreadystatechange = function(_, isAbort){
if (/loaded|complete/.test(this.readyState)) {
// 标志位,当加载成功,置1;
if (flag == 1)
injectScript(src, function(){
var script = this;
script.onreadystatechange = function(){
if (/loaded|complete/.test(this.readyState)) {
destoryScript(script);
// dfd.resolve();
}
};
});
else {
// dfd.reject();
}
// 为window绑定一个错误,当js被误加载成vb的时候,会发生错误,来判断是否加载成功
window.detachEvent('onerror', errorHandler);
destoryScript(vbtest);
}
};
});
// 绑定成功失败
// if (typeof success == 'function') dfd.done(success);
// if (typeof failure == 'function') dfd.fail(failure);
// return dfd;
};
}();

IE8-模拟script onerror的更多相关文章

  1. 解决video.js不兼容ie8问题

    使用视频播放器的时候,常常会让兼容一些浏览器问题,比如兼容ie8浏览器.在工作中使用的是video.js. 如果需要兼容,引入两个js库,就可以做到兼容ie8浏览器 <script src=&q ...

  2. 获取控制台的错误信息 onerror

    js 获取控制台的错误信息 https://www.bbsmax.com/A/Vx5ML2NmJN/ <!DOCTYPE html> <html lang="en" ...

  3. Webpack学习-工作原理(下)

    继上篇文章介绍了Webpack的基本概念,完整流程,以及打包过程中广播的一些事件的作用,这篇文章主要讲生成的chunk文件如何输出成具体的文件.分同步和异步两种情况来分析输出的文件使用的webpack ...

  4. javascript 跨域 的几种方法

      1.jsonp方法 转:https://blog.csdn.net/liusaint1992/article/details/50959571 主要实现功能: 1.参数拼装. 2.给每个回调函数唯 ...

  5. 【读书笔记】《深入浅出Webpack》

    Webpack版本 分析版本为3.6.0 4.0为最近升级的版本,与之前版本变化较大,编译输出的文件与3.0版本会不一致,目前项目中使用的版本3.0版本,所以基于3.0版本进行分析学习. Webpac ...

  6. js跨域请求(jsonp)

    jsonp是跨域请求的手段之一. jsonp的原理: 先来看看下面这段代码 <!DOCTYPE html> <html lang="en"> <hea ...

  7. 原生javascript实现异步的7种方式

    1.$(document).ready 点评: 需要引用jquery :兼容所有浏览器. 2.标签的async=”async”属性 async的定义和用法(是HTML5的属性) async 属性规定一 ...

  8. jQuery使用JSONP时的错误处理

    概述 什么是域,简单来说就是协议+域名或地址+端口,3者只要有任何一个不同就表示不在同一个域.跨域,就是在一个域中访问另一个域的数据. 如果只是加载另一个域的内容,而不需要访问其中的数据的话,跨域是很 ...

  9. vue中引入Tinymce富文本编辑器

    最近想在项目上引入一个富文本编辑器,之前引入过summernote,感觉并不太适合vue使用, 然后在网上查了查,vue中使用Tinymce比较适合, 首先,我们在vue项目的components文件 ...

随机推荐

  1. 无锁编程(一) - Double-checked Locking

      Double-checked Locking,严格意义上来讲不属于无锁范畴,无论什么时候当临界区中的代码仅仅需要加锁一次,同时当其获取锁的时候必须是线程安全的,此时就可以利用 Double-che ...

  2. JS Scoping and Hoisting

    参考了这篇文章 http://www.jb51.net/article/30719.htm var v='Hello World'; (function(){ console.log(v); })() ...

  3. 【温故知新】C#委托delegate

    在c#的学习过程中,学到委托与事件总会迷糊一段时间,迷糊过后自然而就似懂非懂了~,所以最近我打算把以前所学的迷糊过的知识总结,温故知新,总结记录下来. 首先,我们来看一下msdn对委托的定义: del ...

  4. R语言将5位数字日期转为正常日期

    R语言中用double表示日期,即从1970-1-1距离给定日期的天数,将5位数字日期转为正常日期格式的方法 as.Date(16543,origin='1970-1-1')

  5. UVa (二分) 11627 Slalom

    题意: 有宽度相同的水平的n个旗门,水平(纵坐标严格递增)滑行的最大速度为Vh(水平速度可以任意调节).然后还有S双滑雪板,每双滑雪板的垂直速度一定. 然后求能通过的滑板鞋的最大速度. 分析: 显然, ...

  6. (转) error: linker command failed with exit code 1 (use -v to see invocation)

    转自:http://blog.csdn.net/tiantian1980/article/details/9175777   像这样的一大堆,总体说编译链接时错误 /Users/zhangtianji ...

  7. (六)6.9 Neurons Networks softmax regression

    SoftMax回归模型,是logistic回归在多分类问题的推广,即现在logistic回归数据中的标签y不止有0-1两个值,而是可以取k个值,softmax回归对诸如MNIST手写识别库等分类很有用 ...

  8. aspose.Cells 导出Excel

    aspose aspse.Cells可以操作Excel,且不依赖于系统环境. 使用模板,通过绑定输出数据源 这种适合于对格式没有特别要求的,直接绑定数据源即可.和数据绑定控件差不多. Workbook ...

  9. Android 一步一步教你使用ViewDragHelper

    在自定义viewgroup的时候 要重写onInterceptTouchEvent和onTouchEvent 这2个方法 是非常麻烦的事情,好在谷歌后来 推出了ViewDragHelper这个类.可以 ...

  10. [转]linux之partprobe命令

    转自:http://www.7edown.com/edu/article/soft_48647_1.html linux上,在安装系统之后,可否创建分区并且在不重新启动机器的情况下系统能够识别这些分区 ...