Question

我有这个index.html：

<!DOCTYPE html>
<html>
  <head>
    <script src="src/index.js"></script>
    <script>
      alert("2");
    </script>
  </head>
  <body>
  </body>
</html>

和这个index.js：

alert("1");

alert('2')在alert('1')之前是如何出现的。
据我所知，加载src/index.js应该是一项阻止操作。

https://codesandbox.io/s/kww2o7rm0v

谢谢

Answer 1

您可以使用SetTimeout（）函数使第二个警报开始，或者在退出警报时使用以下命令在另一个脚本中调用函数：

alert("1");
// You could either put all of the other script in a function and call that here, or change the src of the script
document.GetElementById("ScriptID").src = "src/index.js";

希望我能帮上忙！

Answer 2

将脚本元素插入文档可以附带onload回调函数，以确保顺序处理。请参阅Web / API / HTMLScriptElement下Mozilla发布的文档。那里有解释和示例。

同步后立即加载外部JS并运行脚本

2 个答案: