Ich bin mir bewusst, dass dynamisches script / css geladen wird, indem man <style> oder <link> tags zum Kopf oder Körper der Seite hinzufügt, aber dann wird es nach dem Download vom Browser ausgeführt. Ich habe über andere Möglichkeiten nachgedacht, aber Javascript / CSS-Code nicht ausführen. Zuerst kam mir XMLHttpRequest in den Sinn:
Aber in diesem Fall sind wir wegen der gleichen Ursprungs-Richtlinie mit Skripten derselben Domäne eingeschränkt (obwohl wir versuchen können, sie mit CORS )
Ein anderer Ansatz, über den ich nachgedacht habe, ist, der Seite iframe dynamisch hinzuzufügen und dann script tag zu iframe hinzuzufügen, damit das Skript nach dem Herunterladen ausgeführt wird, aber im Kontext eines anderen geschieht Seite - iframe .
Gibt es andere Möglichkeiten, das Skript herunterzuladen und nicht auszuführen?
UPDATE:
Einer der Gründe, warum es nützlich wäre, javascript / css herunterzuladen, aber nicht auszuführen, besteht darin, Bibliotheken von Drittanbietern vorzuladen, diese aber nur bei Bedarf zu verwenden.
Sie können auch iframe verwenden und die script / css-URL als src des Frames verwenden (daher wird sie überhaupt nicht ausgewertet / angewendet), obwohl Sie in diesem Fall sicher sein möchten dass das JavaScript / CSS mit Content-Type text/plain geliefert wurde, um unglückliche Dinge zu vermeiden, die mit < characters und so geschehen. Obwohl Sie bei diesem Ansatz auch in einem vernünftigen Browser auf SOP-Probleme stoßen sollten, wenn iframe src von einem anderen Ursprung stammt.
Abgesehen davon denke ich, dass Sie es weitgehend mit den Optionen, die Sie aufführen, abgedeckt haben.
Habe gerade eine weitere Option gefunden, ascript / css asynchron zu laden (ohne SOP zu widersprechen) - benutze <object> tag:
Diesen Ansatz hier gefunden. Deshalb teile ich meine Ergebnisse nur mit Ihnen, hoffe, dass es nützlich sein wird.
Angenommen, Sie kontrollieren den Server, der die Seite liefert, in die Sie die fragliche JS laden wollen, ist der einfachste Weg, die URL über AJAX an Ihren Server zu senden, von dort zu laden (zB via PHP file_get_contents ($ url );) und es als Ergebnis des AJAX-Aufrufs zurückbekommen.
Tags und Links javascript html optimization