Heim > Artikel > Web-Frontend > JS-Methode zum dynamischen Einfügen und sofortigen Ausführen von Rückruffunktionen_Javascript-Fähigkeiten
Das Beispiel in diesem Artikel beschreibt die Methode zum dynamischen Einfügen von JS und zum sofortigen Ausführen der Rückruffunktion. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <body> <div id="loading">加载中……</div> <mce:script type="text/JavaScript"> <!-- function loadJs(id,url,callback){ var script = document.createElement('script'); script.type = 'text/javascript'; script.src = url; script.id = id; script.onload = script.onreadystatechange = function(){ alert(script.readyState); if(script.readyState && script.readyState != 'loaded' && script.readyState != 'complete') return ; script.onreadystatechange = script.onload = null if(callback) callback(); } document.body.appendChild(script); } loadJs('jQuery','jquery.js',function(){$('#loading').html('jquery.js加载完毕')}) // --></mce:script> </body> </html>
Das dynamische Einfügen von JS-Dateien spielt eine sehr wichtige Rolle bei der Verbesserung der Seitenladegeschwindigkeit und bei domänenübergreifenden Problemen. Das Obige ist ein einfaches Beispiel.
Onreadystatechange wird auf ie unterstützt, Onload wird jedoch nicht unterstützt
Onload wird auf Firefox unterstützt, onreadystatechange wird jedoch nicht unterstützt
Das heißt, es ist nicht unbedingt ein geladener oder vollständiger Auslöser, oder es werden beide ausgelöst, also verwenden Sie oder zur Beurteilung.
Es ist zu beachten, dass beim Groß-/Kleinschreibungsformat von script.onreadystatechange und script.readyState die Groß-/Kleinschreibung nicht beachtet wird, was zu Fehlern führen kann, die nicht leicht zu finden sind.
Leser, die an mehr JavaScript-bezogenen Inhalten interessiert sind, können sich die Spezialthemen auf dieser Website ansehen: „Zusammenfassung der JavaScript-Umschalteffekte und -Techniken“, „Zusammenfassung der JavaScript-Suchalgorithmustechniken", "Zusammenfassung der Spezialeffekte und Techniken der JavaScript-Animation", "Zusammenfassung der JavaScript-Fehler und Debugging-Fähigkeiten", "Zusammenfassung der JavaScript-Datenstrukturen und Algorithmustechniken“, „JavaScript-Traversal-Zusammenfassung von Algorithmen und Techniken“ und „Zusammenfassung der Verwendung mathematischer JavaScript-Operationen“
Ich hoffe, dass dieser Artikel für alle hilfreich ist, die sich mit der JavaScript-Programmierung befassen.