我目前遇到了一个问题,即懒惰加载的javascript将使用Internet Explorer执行两次 - 并且只有Internet Explorer(目前版本为9)。 Firefox和Chrome有效。这是我的代码:
injectExternalJavaScript: function(fileUrl) {
return jQuery.Deferred(function(deferred) {
var script = document.createElement('script');
script['src'] = fileUrl;
script['type'] = 'text/javascript';
var head = document.getElementsByTagName("head")[0];
var done = false;
// Attach handlers for all browsers
script['onload'] = script['onreadystatechange'] = function() {
if (!done && (!this.readyState || this.readyState === "loaded" || this.readyState === 'complete')) {
done = true;
script['onload'] = script['onreadystatechange'] = null;
head.removeChild(script);
deferred.resolve();
}
};
head.appendChild(script);
}).promise();
}
我已经找到this posting并根据它改变了我的代码,但仍然是两次执行我的脚本。你们有什么想法吗?
编辑:这是我的解决方案
injectExternalJavaScript: function(fileUrl) {
return jQuery.Deferred(function(deferred) {
var script = document.createElement('script');
script['src'] = fileUrl;
script['type'] = 'text/javascript';
var head = document.getElementsByTagName("head")[0];
var done = false;
// Attach handlers for all browsers
var cb = function() {
if (!done && (!this.readyState || this.readyState === "loaded" || this.readyState === 'complete')) {
done = true;
script['onload'] = script['onreadystatechange'] = null;
head.removeChild(script);
deferred.resolve();
}
}
if (script.addEventListener) {
script.addEventListener('load', cb, false);
} else {
script['onreadystatechange'] = cb;
}
head.appendChild(script);
}).promise();
}
答案 0 :(得分:2)
试试这个
s = document.createElement("script");
s.src="myscript.js";
if(s.addEventListener) {
s.addEventListener("load",callback,false);
}else if(s.readyState) {
s.onreadystatechange = callback;
}
document.body.appendChild(s);
function callback() { console.log("loaded"); }
取自http://msdn.microsoft.com/en-us/library/ie/hh180173(v=vs.85).aspx
对你而言......
injectExternalJavaScript: function(fileUrl) {
return jQuery.Deferred(function(deferred) {
var script = document.createElement('script');
script['src'] = fileUrl;
script['type'] = 'text/javascript';
var head = document.getElementsByTagName("head")[0];
var done = false;
// Attach handlers for all browsers
var cb = function() {
if (!done && (!this.readyState || this.readyState === "loaded" || this.readyState === 'complete')) {
done = true;
script['onload'] = script['onreadystatechange'] = null;
head.removeChild(script);
deferred.resolve();
}
};
if ( script.addEventListener ) {
script.addEventListener('load',cb, false);
} else {
script.onreadystatechange = cb;
}
head.appendChild(script);
}).promise();
}