Heim > Web-Frontend > js-Tutorial > Hauptteil

So implementieren Sie das dynamische JS-Einfügen von Skripten und das Einfügen von referenzierten externen Link-Skripten

php中世界最好的语言
Freigeben: 2018-05-28 14:15:46
Original
2281 Leute haben es durchsucht

Dieses Mal zeige ich Ihnen, wie Sie JS-Skripte dynamisch einfügen und referenzierte externe Link-Skripte einfügen Fall. Werfen wir einen Blick darauf.

Was ist ein dynamisch eingefügtes JS-Skript? bezieht sich auf ein Skript, das beim Laden der Seite nicht vorhanden ist, aber geändert werden kann Irgendwann in der Zukunft hat DOM dynamisch hinzugefügt. Identisch mit der Arbeit mit HTML-Elementen.

js Es gibt auch zwei Möglichkeiten, Skripte dynamisch einzufügen: das Einfügen von JavaScript-Code und das Einfügen externer Dateien.

1. Javascript-Code direkt einfügen

<script type="text/javascript">
function sayHi() {
 alert("hi");
}
</script>
Nach dem Login kopieren
Logischerweise ist der folgende DOM-Code gültig:

var script = document.createElement("script");
script.type = "text/javascript";
script.appendChild(document.createTextNode("function sayHi() {alert('hi');}"));
document.body.appendChild(script);
Nach dem Login kopieren

Dieser DOM-Code funktioniert gut in Firefox, Safari, Chrome und Opera. Aber im IE verursacht es einen Fehler. IE behandelt

Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!