IE8-模拟script onerror
利用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的更多相关文章
- 解决video.js不兼容ie8问题
使用视频播放器的时候,常常会让兼容一些浏览器问题,比如兼容ie8浏览器.在工作中使用的是video.js. 如果需要兼容,引入两个js库,就可以做到兼容ie8浏览器 <script src=&q ...
- 获取控制台的错误信息 onerror
js 获取控制台的错误信息 https://www.bbsmax.com/A/Vx5ML2NmJN/ <!DOCTYPE html> <html lang="en" ...
- Webpack学习-工作原理(下)
继上篇文章介绍了Webpack的基本概念,完整流程,以及打包过程中广播的一些事件的作用,这篇文章主要讲生成的chunk文件如何输出成具体的文件.分同步和异步两种情况来分析输出的文件使用的webpack ...
- javascript 跨域 的几种方法
1.jsonp方法 转:https://blog.csdn.net/liusaint1992/article/details/50959571 主要实现功能: 1.参数拼装. 2.给每个回调函数唯 ...
- 【读书笔记】《深入浅出Webpack》
Webpack版本 分析版本为3.6.0 4.0为最近升级的版本,与之前版本变化较大,编译输出的文件与3.0版本会不一致,目前项目中使用的版本3.0版本,所以基于3.0版本进行分析学习. Webpac ...
- js跨域请求(jsonp)
jsonp是跨域请求的手段之一. jsonp的原理: 先来看看下面这段代码 <!DOCTYPE html> <html lang="en"> <hea ...
- 原生javascript实现异步的7种方式
1.$(document).ready 点评: 需要引用jquery :兼容所有浏览器. 2.标签的async=”async”属性 async的定义和用法(是HTML5的属性) async 属性规定一 ...
- jQuery使用JSONP时的错误处理
概述 什么是域,简单来说就是协议+域名或地址+端口,3者只要有任何一个不同就表示不在同一个域.跨域,就是在一个域中访问另一个域的数据. 如果只是加载另一个域的内容,而不需要访问其中的数据的话,跨域是很 ...
- vue中引入Tinymce富文本编辑器
最近想在项目上引入一个富文本编辑器,之前引入过summernote,感觉并不太适合vue使用, 然后在网上查了查,vue中使用Tinymce比较适合, 首先,我们在vue项目的components文件 ...
随机推荐
- 如何停止Android Monkey脚本
如何停止Android Monkey脚本 最近用monkey来包apk的性能测试,发现一旦monkey跑起来以后,即使将数据线和PC断开,monkey脚本还是会继续运行下去.结果找到了一个办法去停止它 ...
- Qt之等待提示框(QTimer)
简述 上节讲述了关于QPropertyAnimation实现等待提示框的显示,本节我们使用另外一种方案来实现-使用定时器QTimer,通过设置超时时间定时更新图标达到旋转效果. 简述 效果 资源 源码 ...
- OE中admin的内置帐号
在OE中admin的内置帐号为SUPERUSER_ID,可以用来直接做判断登录用户是否admin from openerp import SUPERUSER_ID if uid == SUPERUSE ...
- erl0009 - erlang 读取时间瓶颈解决办法
读取时间erlang提供有两种方式: 1.erlang:now(); 2.os:timestamp(); 以上两种方式由于erlang系统需要保证读取精度,当并发读取的时候会引起加锁.系统频繁读取时间 ...
- HDU 2026 首字母变大写
#include<cstdio> #include<cstring> #include<algorithm> using namespace std; int ma ...
- 大数据分析的众包平台—Kaggle
众包(Jeff Howe,2006)是一种在互联网蓬勃发展的背景下产生的一种创新的生产组织形式.在这样的商业模式下,企业利用网络将工作分配出去,通过让更合适的人群参与其中来发现创意和解决技术问题.比较 ...
- 纯css实现鼠标感应弹出二级菜单
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- textile
textile 编辑 Textile是一个人性化的Web文本生成器,以简洁的方式提供HTML标签功能. 目录 1内容 ▪ 短语修饰符 ▪ 块修饰符 ▪ 链接 ▪ 属性 ▪ 排列 ▪ 表格 ▪ 图像 ...
- 嵌入式 Linux进程含义知多少
理想情况下,您应该明白在您的系统中运行的每一个进程.要获得所有进程的列表,可以执行命令 ps -ef(POSIX 风格)或 ps ax(BSD 风格).进程名有方括号的是内核级的进程,执行辅助功能(比 ...
- 切换PS工具栏里的快捷键
工具箱(多种工具共用一个快捷键的可同时按[Shift]加此快捷键选取,可以在[常规]'快捷键[Ctrl]+[k]'里设置是否使用[Shift]切换) 其它快捷键: 矩形.椭圆选框工具[M] 裁剪工具[ ...