ファイルを非同期で読み込む一応以下のようにすれば非同期読み込みになります。src="..."></script>ですが、これだと100%読み込む事になってしまうので、読み込みたいタイミングで読み込む方法です。動的に作成する流れは、<script>タグを作る属性を設定<body>あたりに埋め込むです。タグを作るdocument.createElementを使います。document.createElement('script');です。上にはまだありませんが、<script>タグが作れました。以下でasyncとsrc辺りを設定します。てっとり早いのが<body>タグに埋め込む方法だと思います。これは<body>タグがあればdocument.bodyで取得できます。ない場合は何かの要素にidを振りdocument.getElementByIdなどを使うといいです。ある要素の下に要素を追加するにはNode#appendChildを使います。以下は追加するコードです。なり読み込みしてくれるはずです。src="..."></script></body>読み込みが終わったタイミングを知る非同期で読み込むソースが何か別ソースの依存だったり、処理の関係上「Aの読み込みが確実に終わった後にBの処理をしたい」ということは結構あると思います。これには<script>のloadイベントを使います。loadイベントは<script>はソースが読み込み終わった時に発火されます。そのハンドラー関数に続きの処理を書いた関数を設定すれば順番に処理を実行できますね。追加する前に設定する必要があります。埋め込みを非同期関数化するそのソースの読み込み自体を非同期関数にすると何かと便利に扱えます。Promiseを返しloadのハンドラー関数にそのresolveを指定するだけです。});};これでasync-awaitで分かりやすく書けるかもです。読み込み完了!')})();。