Dynamisches Einbinden von Skripten mit document.write-Funktionalität

Frage:

Wie kann ein Skript-Tag mit einem variablen src-Attribut dynamisch zu einer Webseite hinzugefügt werden? , insbesondere wenn der src document.write-Funktionen enthält?

Hintergrund:

Normalerweise funktioniert das Hinzufügen eines Skript-Tags mit einem bestimmten src-Attribut im HTML-Kopf nahtlos. Wenn das src-Attribut jedoch document.write-Code enthält, wird es problematisch.

Lösung:

Um ein solches Skript-Tag dynamisch hinzuzufügen, können die folgenden Schritte ausgeführt werden:

1. Erstellen Sie ein neues Skriptelement mit document.createElement('script').
2. Setzen Sie das src-Attribut des Skriptelements auf die gewünschte URL/Quelle.
3. Fügen Sie das Skriptelement an zum document.head mit appendChild().

Beispiel:

var my_awesome_script = document.createElement('script');

my_awesome_script.setAttribute('src', 'http://example.com/site.js');

document.head.appendChild(my_awesome_script);

Dieses Skriptelement wird der Webseite dynamisch hinzugefügt, auch wenn sein Quellcode document.write-Code enthält.