Heim > Artikel > Web-Frontend > Wie fügt man Skript-Tags dynamisch mit dynamischen Quellen ein, die „document.write“ enthalten?
Dynamische Skript-Tag-Injektion mit dynamischer Quelle
Beim Versuch, einer Webseite dynamisch ein Skript-Tag hinzuzufügen, ist es wichtig, potenzielle Probleme zu berücksichtigen mit der Quelle des Skripts, z. B. der Einbindung von document.write. Während herkömmliche Methoden der Skriptinjektion gut für Skripte mit statischen Quellen funktionieren, können sie in diesen Fällen fehlschlagen.
Um ein Skript-Tag effektiv mit einer dynamisch generierten Quelle zu injizieren, die document.write enthalten kann, ist ein anderer Ansatz erforderlich . Dazu gehört das Erstellen eines neuen Skriptelements mit document.createElement('script'), das Festlegen seines src-Attributs auf die gewünschte Quelle und das Anhängen an document.head.
Der folgende Code zeigt beispielsweise, wie das geht Fügen Sie dynamisch ein Skript-Tag mit einer Quelle hinzu, die document.write enthält:
var my_awesome_script = document.createElement('script'); my_awesome_script.setAttribute('src','http://example.com/site.js'); document.head.appendChild(my_awesome_script);
Mit dieser Methode führt der Browser den Skriptcode dynamisch aus, einschließlich aller darin enthaltenen document.write-Aufrufe. Dies bietet eine zuverlässige und effektive Möglichkeit, Skripte mit dynamischen Quellen zu injizieren.
Das obige ist der detaillierte Inhalt vonWie fügt man Skript-Tags dynamisch mit dynamischen Quellen ein, die „document.write“ enthalten?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!