Zusammenfassung der Methoden zum dynamischen Laden von JS-Dateien

Dieses Mal werde ich Ihnen eine Zusammenfassung der Methode zum dynamischen Laden von JS-Dateien geben. Was sind die Vorsichtsmaßnahmen für das dynamische Laden von JS-Dateien?

1. Verwenden Sie die Methode document.write/writeln()

Diese Methode kann das dynamische Laden von js-Dateien realisieren Um die js-Datei neu zu laden, führt diese Methode dazu, dass die gesamte Seite neu gezeichnet wird.

Implementierungsmethode:

Code kopieren Der Code lautet wie folgt:

document.writeln("");

Es ist zu beachten, dass das Sonderzeichen maskiert ist .

2. Verwenden Sie jQuery

Verwenden Sie die Methode getScript(url, callback), um js-Dateien dynamisch zu laden

$.getScript('test.js',function(){
 alert('done');
});

3 Methode

Prinzip: Erstellen Sie dynamisch ein Skript-Tag und geben Sie das src-Attribut des Skripts an

function loadJs(url,callback){
 var script=document.createElement('script');
 script.type="text/javascript";
 if(typeof(callback)!="undefined"){
 if(script.readyState){
 script.onreadystatechange=function(){
  if(script.readyState == "loaded" || script.readyState == "complete"){
  script.onreadystatechange=null;
  callback();
  }
 }
 }else{
 script.onload=function(){
  callback();
 }
 }
 }
 script.src=url;
 document.body.appendChild(script);
 }
 loadJs("test.js",function(){
 alert('done');
 });

Ich glaube, Sie haben die Methode beherrscht, nachdem Sie den Fall in diesem Artikel gelesen haben Informationen, bitte achten Sie auf andere chinesische PHP-Websites Verwandte Artikel!

Empfohlene Lektüre:

Was tun, wenn auf die IP nicht zugegriffen werden kann, wenn webpack+myproject das Projekt erstellt?

Dies Punkte zum Aufrufen, Anwenden von Anwendungen

Webpack Vue-Projektentwicklungsumgebung LAN-Bindung IP-Methode

Das obige ist der detaillierte Inhalt vonZusammenfassung der Methoden zum dynamischen Laden von JS-Dateien. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!