Erreur : "Il n'est pas possible d'écrire dans un document à partir d'un script externe chargé de manière asynchrone"

Problème :

Chargement asynchrone de les scripts peuvent entraîner des problèmes lors de la tentative de modification d'un document à l'aide de document.write(). Après l'exécution du chargement de la page, un script est téléchargé de manière asynchrone mais échoue avec le message de console « Il n'est pas possible d'écrire dans un document à partir d'un script externe chargé de manière asynchrone à moins qu'il ne soit explicitement ouvert. »

Explication :

Les scripts chargés de manière asynchrone s'exécutent une fois le document analysé et fermé. Par conséquent, les opérations telles que document.write() deviennent indisponibles à partir de ces scripts.

Solution :

Pour résoudre ce problème, remplacez les appels document.write() par des manipulations DOM explicites. Cela implique de créer des éléments DOM et de les insérer dans l'élément parent à l'aide de appendChild(), insertBefore() ou de définir innerHTML.

Exemple :

Script original (en ligne, avec document. write() :

Script modifié (chargé de manière asynchrone, avec manipulation DOM) :

var container = document.getElementById("container");
var content = document.createElement("span");
content.style.color = "red";
content.innerHTML = "Hello";
container.appendChild(content);