type="module" のスクリプトが完了するまで待ってから、次のスクリプトを実行します

Question

HTML ドキュメント内の body タグの下部に、type="module" を持つ 2 つの script タグがあります。以下のスクリプト タグには、最初の 2 つのスクリプトの結果に依存する埋め込みコードが含まれています。

最初の 2 つのスクリプトが完了した後にのみこのコードが実行されるようにする方法はありますか?

ああああ

Answer 1

<script> type="module" を持つタグには、defer 属性が自動的に割り当てられます (「スクリプトのロードと実行順序 #」を参照) ##)、そのため、3 番目のラベルを後で実行するには、それも延期する必要があります。これはインライン スクリプトでは不可能であるため (コメントで述べたように)、スクリプトを別のファイルに移動し、src 属性を使用して参照するか、コードを DOMContentLoaded ## でラップすることができます。 # イベントのイベント リスナー内 (https://stackoverflow.com/a/41395202/19461620 を参照) 外部スクリプト ファイルを使用する:

リーリー

script.js

リーリー DOMContentLoaded

コールバックの使用:

リーリー