Comment puis-je charger et accéder dynamiquement à des fichiers JavaScript externes dans un autre fichier JavaScript ?

Chargement dynamique de JS à partir de JS

Problème :

Sur une page Web dynamique, chargement un fichier JS externe conditionnellement dans un autre fichier JS s'est avéré difficile. Les tentatives d'injection d'éléments de script à l'aide de document.createElement() n'ont pas réussi à rendre le contenu accessible au fichier JS actuel.

Solution :

Pour charger dynamiquement JS à partir de JS , il est crucial de tenir compte de la nature asynchrone du chargement des scripts. Voici une approche révisée qui intègre la gestion des événements :

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);

En utilisant l'événement onload, l'exécution du script est suspendue jusqu'à ce que le script externe soit complètement chargé. Cela garantit que le contenu chargé est disponible avant de continuer.

Remarque :

1. Ajoutez l'élément de script au DOM à l'aide de document.head.appendChild(script) ou une méthode de manipulation DOM équivalente.
2. Assurez-vous que la variable quelque chose dans l'extrait de code d'origine pointe vers le chemin du fichier JS externe que vous souhaitez charger dynamiquement.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!