gpt4 book ai didi

javascript - 如何异步加载 2 个 Javascript 文件并一个接一个地运行?

转载 作者:太空狗 更新时间:2023-10-29 15:37:12 26 4
gpt4 key购买 nike

我有这样的结构:

<script src="/Content/Scripts/1.js"></script>
<script async src="/Content/Scripts/2.js"></script>

我需要异步加载两个文件并在 1.js 之后运行 2.js 文件。我该怎么做?

如果我将 async 添加到 2.js,它们将随机运行。

最佳答案

您可以动态添加您的脚本,这样它们在默认情况下是异步加载的。

为了确保有序执行,您可以将它们明确标记为非异步。

这是一个最小的例子:

<html>
<head>
<script>
[
'https://code.jquery.com/jquery-1.11.3.min.js',
'1.js'
].forEach(function(src) {
var script = document.createElement('script');
script.src = src;
script.async = false;
document.head.appendChild(script);
});
</script>
</head>
<body>

</body>
</html>

文件 1.js 包含 jquery 代码:

$("body").append("<div>It works</div>");

在这个例子中,文件是异步加载的,但保持指定的顺序。如需进一步阅读,您可以查看:http://www.html5rocks.com/en/tutorials/speed/script-loading/

关于javascript - 如何异步加载 2 个 Javascript 文件并一个接一个地运行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34574910/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com