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
Libérer: 2024-12-02 00:03:15
original
177 Les gens l'ont consulté

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
    };
    Copier après la connexion
  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!

source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal