HTML ドキュメント内の body タグの下部に、type="module" を持つ 2 つの script タグがあります。以下のスクリプト タグには、最初の 2 つのスクリプトの結果に依存する埋め込みコードが含まれています。
body
type="module"
最初の 2 つのスクリプトが完了した後にのみこのコードが実行されるようにする方法はありますか?
<script> type="module" を持つタグには、defer 属性が自動的に割り当てられます (「スクリプトのロードと実行順序 #」を参照) ##)、そのため、3 番目のラベルを後で実行するには、それも延期する必要があります。これはインライン スクリプトでは不可能であるため (コメントで述べたように)、スクリプトを別のファイルに移動し、src 属性を使用して参照するか、コードを DOMContentLoaded ## でラップすることができます。 # イベントのイベント リスナー内 (https://stackoverflow.com/a/41395202/19461620 を参照) 外部スクリプト ファイルを使用する:
<script>
defer
属性を使用して参照するか、コードを
https://stackoverflow.com/a/41395202/19461620
リーリー DOMContentLoaded
リーリー
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
リーリー script.js<script>type="module"を持つタグには、defer属性が自動的に割り当てられます (「スクリプトのロードと実行順序 #」を参照) ##)、そのため、3 番目のラベルを後で実行するには、それも延期する必要があります。これはインライン スクリプトでは不可能であるため (コメントで述べたように)、スクリプトを別のファイルに移動し、src属性を使用して参照するか、コードをDOMContentLoaded ## でラップすることができます。 # イベントのイベント リスナー内 (https://stackoverflow.com/a/41395202/19461620を参照) 外部スクリプト ファイルを使用する:
コールバックの使用:リーリーDOMContentLoadedリーリー