Wie binde ich externe Skripte dynamisch mit variablen URLs ein, die „document.write'-Befehle enthalten?

Dynamisches Einbinden externer Skripte mit variablen URLs

Beim dynamischen Hinzufügen von Skript-Tags zu einer Webseite ist es wichtig, Skripte mit src-Attributen zu berücksichtigen, die dies möglicherweise tun schließen Sie document.write-Befehle ein. Dies kann das normale Ladeverhalten stören.

Das Problem

In normalen Szenarien funktioniert die Verwendung des folgenden Codes zum Einbinden eines Skripts aus „source.js“ gut:

<script type="text/javascript" src="source.js"></script>

Jedoch kann „source.js“ den folgenden ungewöhnlichen Inhalt enthalten:

document.write('<script type="text/javascript">')
document.write('alert("hello world")')
document.write('</script>')
document.write('<p>goodbye world</p>')

Die Lösung

Die Verwendung der gewöhnlichen Methode wird Dieses Szenario kann nicht richtig gehandhabt werden. Stattdessen können Sie die folgende Technik verwenden, um Skripte mit Variablen srcs dynamisch hinzuzufügen:

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

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

document.head.appendChild(my_awesome_script);

Diese Methode erstellt ein neues Skriptelement, legt sein src-Attribut fest und hängt es an das -Element an. des Dokuments. Es funktioniert auch, wenn der Quellcode des Skripts document.write-Befehle enthält.

Das obige ist der detaillierte Inhalt vonWie binde ich externe Skripte dynamisch mit variablen URLs ein, die „document.write'-Befehle enthalten?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!