Tunggu skrip dengan type="module" selesai sebelum menjalankan skrip seterusnya

Question

Di dalam dokumen html saya body 标记的底部，我有 2 个脚本标记，其中 type="module". Terdapat teg skrip di bawah yang mengandungi beberapa kod benam yang bergantung pada hasil dua skrip pertama.

Adakah terdapat cara untuk memastikan bahawa kod ini hanya dilaksanakan selepas dua skrip pertama selesai?

<script src="./src/js/script1.js" type="module"></script>
<script src="./src/js/script2.js" type="module"></script>
<script type="text/javascript">
  // Code inside this tag should only run after the 2 previous script tags have been executed
  console.log('Hello SO');
</script>

Answer 1

<script> 带有 type="module" 的标签会被自动赋予 defer 属性（参见 脚本的加载和执行顺序），所以为了让第三个标签在后面运行，它也需要推迟。由于内联脚本不可能做到这一点（如注释中所述），因此您可以将脚本移动到另一个文件并使用 src 属性引用它，或者将代码包装在 DOMContentLoaded pendengar acara untuk acara tersebut (lihat https://stackoverflow.com/a/41395202/19461620)

Gunakan fail skrip luaran:

sssccc

script.js

// Code inside this tag should only run after the 2 previous script tags have been executed
  console.log('Hello SO');

Gunakan DOMContentLoaded panggil balik:

sssccc