Fehler: „Es ist nicht möglich, aus einem asynchron geladenen externen Skript in ein Dokument zu schreiben“

Problem:

Asynchrones Laden von Skripte können zu Problemen führen, wenn versucht wird, ein Dokument mit document.write() zu ändern. Nach der Ausführung des Seitenladevorgangs wird ein Skript asynchron heruntergeladen, schlägt jedoch mit der Konsolenmeldung fehl: „Es ist nicht möglich, aus einem asynchron geladenen externen Skript in ein Dokument zu schreiben, es sei denn, es wird explizit geöffnet.“

Erläuterung:

Asynchron geladene Skripte werden ausgeführt, nachdem das Dokument analysiert und geschlossen wurde. Folglich sind Vorgänge wie document.write() in diesen Skripten nicht mehr verfügbar.

Lösung:

Um dieses Problem zu beheben, ersetzen Sie document.write()-Aufrufe durch explizite DOM-Manipulationen. Dazu gehört das Erstellen von DOM-Elementen und deren Einfügen in das übergeordnete Element mithilfe von appendChild(), insertBefore() oder dem Festlegen von innerHTML.

Beispiel:

Originalskript (Inline, mit Dokument. write()):

Geändertes Skript (asynchron geladen, mit DOM-Manipulation):

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