Maison >interface Web >js tutoriel >Comment puis-je charger dynamiquement un fichier JavaScript externe en fonction d'une condition ?

Comment puis-je charger dynamiquement un fichier JavaScript externe en fonction d'une condition ?

DDD
DDDoriginal
2024-12-02 00:03:15172parcourir

How Can I Dynamically Load an External JavaScript File Based on a Condition?

Chargement programmé de JS dans JS

Question : Comment charger dynamiquement un fichier JS externe dans un autre fichier JavaScript , basé sur un conditionnel déclaration ?

Réponse :

Malgré les tentatives d'exploiter document.createElement() pour le chargement basé sur DOM, il peut sembler que le fichier JS externe a été chargé mais reste inaccessible dans le fichier actuel. En effet, l'exécution de JavaScript se poursuit pendant que le script chargé est toujours en cours de chargement, ce qui rend son contenu indisponible.

Pour résoudre ce problème, envisagez de mettre en œuvre les étapes suivantes :

  1. Créez un nouveau élément de script à l'aide de document.createElement('script').
  2. Spécifiez la source du fichier JS externe à l'aide de script.src = quelque chose.
  3. Définissez un écouteur d'événement pour l'événement de chargement du script, permettant l'accès au contenu du script une fois qu'il est chargé :

    script.onload = function () {
        // Perform desired actions with the script's content
    };
  4. Enfin, ajoutez l'élément de script à le DOM en utilisant document.head.appendChild(script) ou une méthode similaire.

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn