对于 IE9 注入脚本标签的执行顺序是否有已知的解决方法？

Question

我确信我没有完全理解这个问题，但是似乎我们在我的项目中的 IE9 上看到了奇怪的行为，在某种程度上与通过注入的 JavaScript 的乱序执行有关对 document.write 的调用，例如：

document.write('<scr'+'ipt type="text/javascript" src="'+file1+'"></src'+'ipt>');
document.write('<scr'+'ipt type="text/javascript" src="'+file2+'"></src'+'ipt>');
document.write('<scr'+'ipt type="text/javascript" src="'+file3+'"></src'+'ipt>');

我有限的 Google 研究表明 IE9 将以与其他浏览器（特别是 Firefox 和 Chrome）不同的顺序执行以这种方式注入的脚本。有没有更好的方法来实现我们在这里的目标，这将确保所有浏览器具有相同的执行顺序？

我收回这一点：我们并不真正关心所有浏览器，只关心 Chrome 和 IE9。

Answer 1

使用脚本加载器（就像我写的那样：LABjs），它将规范跨各种浏览器加载的所有不同怪癖。还有额外的好处：它不使用那个糟糕的 document.write()。 LABjs 将允许您异步（并行）加载所有脚本，但请确保它们以正确的顺序执行。听起来基本上正是你想要的。

Answer 2

我想你可以链接一个事件的 onload 事件来启动另一个事件的加载：

var newJS= document.createElement('script');
newJS.onload=function() {alert("done")} //or call next load function
newJS.src="..."
document.body.appendChild(newJS)

Answer 3

因此，以这种方式编写脚本标签的优点是它们 异步加载。我不知道浏览器的细微差别到底是如何完成的，但我认为它们会在下载时执行，没有特定的顺序。与 HTML5 async 属性 的行为类似。

还有另一个 HTML5 属性 defer ，它使脚本按顺序执行，但以非阻塞方式。您可以尝试将其添加到生成的

Answer 4

我制作了一个小脚本，正是为了这个目的：

https://github.com/mudroljub/js -async-loader

简而言之，它异步加载所有脚本，然后相应地执行它们。它看起来像这样：

for (var lib in libs) {
    loadAsync(lib);
}

而且你不需要 document.write();