javascript - 关于附加脚本后何时执行脚本的问题

Question

在我的代码中，我有动态添加另一个脚本到页面的 javascript:

created_script=document.createElement('script');
created_script.src='other_script';
created_script.type='text/javascript';
document.head.appendChild(created_script);

在这个“其他脚本”中，我有一个名为 reloader() 的函数。

我遇到的问题是，在我动态添加脚本后，我尝试调用函数 reloader()，但我收到了 reloader is not defined 错误。这就像我正在做的:

created_script=document.createElement('script');
created_script.src='other_script';
created_script.type='text/javascript';
document.head.appendChild(created_script);
reloader();

有人可以向我解释为什么这不起作用吗？我应该如何解决这个问题，以便在单个动态调用中附加脚本后可以调用 reloader()(如果可能的话)？

Answer 1

像这样加载脚本是异步发生的。这意味着在您调用 reloader() 时，外部脚本可能仍在加载。

在知道外部脚本已完全加载之前，您的脚本不应调用 loader()。请参阅此相关问题:How can I delay running some JS code until ALL of my asynchronous JS files downloaded?