条件に基づいて外部 JavaScript ファイルを動的にロードするにはどうすればよいですか?

JS 内でプログラムによる JS のロード

質問: 外部 JS ファイルを別の JavaScript ファイル内で動的にロードするにはどうすればよいですか、条件に基づいてステートメント?

答え:

DOM ベースの読み込みに document.createElement() を利用しようとしているにもかかわらず、外部 JS ファイルが読み込まれたように見えるかもしれませんが、アクセスできないままです。現在のファイル内で。これは、読み込まれたスクリプトがまだ読み込まれている間も JavaScript の実行が継続され、そのコンテンツが利用できなくなるためです。

この問題に対処するには、次の手順の実装を検討してください。

1. 新しいスクリプトを作成するscript 要素 using document.createElement('script').
2. script.src = を使用して外部 JS ファイルのソースを指定

3. スクリプトの読み込みイベントのイベント リスナーを定義し、スクリプトが読み込まれた後にそのコンテンツにアクセスできるようにします。

   script.onload = function () {
       // Perform desired actions with the script's content
   };

4. 最後に、スクリプト要素を次のように追加します。 document.head.appendChild(script) または同様のメソッドを使用した DOM。

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