別の JavaScript ファイル内で外部 JavaScript ファイルを動的にロードしてアクセスするにはどうすればよいですか?

JS から JS を動的にロードする

問題:

動的 Web ページでのロード外部 JS ファイルを別の JS ファイル内で条件付きで使用することは困難であることがわかっています。 document.createElement() を使用してスクリプト要素を挿入しようとしましたが、現在の JS ファイルからコンテンツにアクセスできるようにすることができませんでした。

解決策:

JS から JS を動的にロードするには、スクリプト読み込みの非同期の性質を考慮することが重要です。イベント処理を組み込んだ改訂されたアプローチは次のとおりです。

var script = document.createElement('script');
script.onload = function () {
  // Now the loaded script's content is accessible
  // ...
};
script.src = 'path/to/external.js';
document.head.appendChild(script);

onload イベントを使用すると、外部スクリプトが完全に読み込まれるまでスクリプトの実行が一時停止されます。これにより、ロードされたコンテンツが続行する前に利用可能であることが保証されます。

注:

1. document.head.appendChild(script) を使用してスクリプト要素を DOM に追加します。または同等の DOM 操作メソッド。
2. 元のコード スニペット内の変数が、作成した外部 JS ファイルのパスを指していることを確認してください。動的にロードしたい。

以上が別の JavaScript ファイル内で外部 JavaScript ファイルを動的にロードしてアクセスするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。