suchen

Heim  >  Artikel  >  Web-Frontend  >  JS-Methode zum dynamischen Einfügen und sofortigen Ausführen von Rückruffunktionen_Javascript-Fähigkeiten

JS-Methode zum dynamischen Einfügen und sofortigen Ausführen von Rückruffunktionen_Javascript-Fähigkeiten

WBOY
WBOYOriginal
2016-05-16 15:04:331558Durchsuche

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.

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Unterschiede in der JavaScript-Syntax zwischen IE und Firefox_Javascript-TippsNächster Artikel：Unterschiede in der JavaScript-Syntax zwischen IE und Firefox_Javascript-Tipps

In Verbindung stehende Artikel

Mehr sehen