Wie kann der Fehler „Es ist nicht möglich, aus einem asynchron geladenen externen Skript in ein Dokument zu schreiben“ behoben werden?

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.“

Erklärung:

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()):

<code class="html"><div id="container">
<script>
document.write('<span style="color:red;">Hello</span>');
</script>
</div></code>

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

<code class="javascript">var container = document.getElementById("container");
var content = document.createElement("span");
content.style.color = "red";
content.innerHTML = "Hello";
container.appendChild(content);</code>

Das obige ist der detaillierte Inhalt vonWie kann der Fehler „Es ist nicht möglich, aus einem asynchron geladenen externen Skript in ein Dokument zu schreiben“ behoben werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!