如何控制两个 script 标签的加载顺序？

怎么入门文章编程？需要学习哪些知识点？这是新手们刚接触编程时常见的问题；下面golang学习网就来给大家整理分享一些知识点，希望能够给初学者一些帮助。本篇文章就来介绍《如何控制两个 script 标签的加载顺序？ 》，涉及到，有需要的可以收藏一下

如何控制加载两个 script 标签的顺序

在引入两个 script 标签时，有时需要等第一个 script 中的异步执行完成后再加载第二个 script。以下介绍了两种可行的解决方案：

1. 追加第二个 script

当第一个 script 中的异步完成时，手动追加第二个 script 标签到文档中。例如：

// 当第一个脚本中的异步完成时执行
asyncPrint('hello world', 1000).then(() => {
  var script = document.createElement('script');
  script.src = 'index2.js';
  document.body.appendChild(script);
});

2. 使用 import()

可以使用 import() 加载第二个 script 的资源。当第一个 script 中的异步完成时，使用 import() 加载第二个 script。例如：

// 当第一个脚本中的异步完成时执行
asyncPrint('hello world', 1000).then(() => {
  import('index2.js');
});

本篇关于《如何控制两个 script 标签的加载顺序？ 》的介绍就到此结束啦，但是学无止境，想要了解学习更多关于文章的相关知识，请关注golang学习网公众号！