我只是在一个动态脚本加载器上工作,该加载器在IE9中可以正常工作,但在IE11和FF中却不能。
这是我的代码:
function getResourceScript(filename)
{
var script = document.createElement('script');
script.setAttribute('src', mShuttlePath + "scripts/" + filename);
script.setAttribute('type', 'text/javascript');
script.setAttribute('language', 'javascript');
document.getElementsByTagName('head')[0].appendChild(script);
}
function documentLoadInit()
{
if (document.readyState == 'complete')
{
// check if all scripts are loaded
for (var n = 0; n < document.scripts.length; n++)
{
if (document.scripts[n].readyState != "complete" && document.scripts[n].readyState != "loaded")
{
setTimeout(documentLoadInit, 49);
return false;
}
}
Init();
}
else
{
setTimeout(documentLoadInit, 49);
}
}
getResourceScript("core/core.js");
getResourceScript("core/ajax.js");
这里的主要问题是,script.readyState已在IE11中删除-我发现了很多!
但是如何更换呢?如何检查脚本何时加载/完成?
有任何想法吗?
最佳答案
从MSDN:
注意:对于脚本元素,不再支持readyState
。从Internet Explorer 11开始,使用onload
。有关信息,请参阅兼容性更改。
因此,除了检查readyState
之外,您还可以使用以下代码:
if (!script.addEventListener) {
//Old IE
script.attachEvent("onload", function(){
// script has loaded in IE 7 and 8 as well.
callBack();
});
}
else
{
script.addEventListener("load", function() {
// Script has loaded.
callBack();
});
}
另外,我很确定您可以改善您的代码。并且
setInterval()
在这种情况下更适合。阅读一些有关如何使用dom事件的信息,如果仍然存在兼容性问题,可以使用以下方法:function loadExtScript(src, test, callback) {
var s = document.createElement('script');
s.src = src;
document.body.appendChild(s);
var callbackTimer = setInterval(function() {
var call = false;
try {
call = test.call();
} catch (e) {}
if (call) {
clearInterval(callbackTimer);
callback.call();
}
}, 100);
}
该函数将测试作为参数。由于您是应用程序的设计师,因此您将知道什么是成功的测试。一旦此测试为真,它将执行回调。
关于javascript - 在IE11和FF中未定义script.readyState,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/25617535/