1. Einheimischer JS:
/*** Laden Sie JS- und CSS -Dateien* @param jSondata.Path -Präfix -Pfad* @param jSondata.url Der JS -Pfad oder CSS -Pfad, der geladen werden muss JSondata.Path: ""; if (jsondata.type == "js") {document.writeln ("<script type = 'text/javascript' src = '"+ jsondata.path+ jsondata.url+ "'> </script>"); "CSS") {document.WriteLn ("<link rel = 'stylesheet' href = '"+jSondata.pat+jSondata.url+"' type = 'text/css'/>"); Pfad, der geladen werden muss* @param jSondata.Type der Typ JS oder CSS*/Funktion, der geladen werden muss, loadFilestoHehead (jSondata) {jSondata.path = jSondata.Path! = undefiniert? jSondata.Path: ""; if (jsondata.type == "js") {var _js = document.createelement ("script"); _js.onReadyStatechange = function () {if (! this.ReadyState || this.readyState == 'geladen' || this.readystate == 'complete') {if ("function" == typeof (jsondata ["Rückruf"]) && Jsondata ["CALLBACK" {{JSONDATA [". _js.onload = _js.onReadyStatechange = null; } document.getElementsByTagName ("head") []. appendChild (_js); // dem Kopf -Tag} else if (jSondata.type == "CSS") {var _css = document.createelement ("Link"); _ jssetatTribute ("Typ", "Typ", "Typ", "Typ", "Text/CSS"); _ CSS.SetatTribute ("rel", "Stylesheet"); _ CSS.SetatTribute ("href", jSondata.Path + jsondata.url); document.getElementsByTagname ("head") []. Appendchild (_cscs); // append zu head Tag $ $ appendchild (_cs); // append zu head tag $ · appendchild (_csSs); // append zu head -Tag $ · upendchild (_css); //2. JQuery Version:
Verwenden Sie das aufgeschobene Objekt, um das Ergebnis zurückzugeben
var uiload = uiload || {}; (Funktion ($, $ document, uiload) {"Strict"; var laded = [], document = false, deferred = $ .deferred (); Deferred.Promise ();} $. Jedes (srcs, function (index, src) {drequent = dhen (function () {return src.indexof ('. CSS')> =? loadCSS (src): loadscript (src);});});}); {if (geladen [src]) return geladen [src] .Promise (); var deferred = $ .deferred (); var script = $ document.createelement ('script'); script.src = src; script.onload = function (e) {deferred.resolve (e);}; {Deferred.Reject (e);}; $ document.createelement ('link'); style.rel = 'styleSheet'; style.type = 'text/css'; style.href = href; style.onload = function (e) {deferred.resolve (e);}; style.onError = function (e) {deperred.Reject (e);}; $ document.head.AppendChild (style); geladen [href] = deferred; return aufgeschoben.Promise ();}}) (jQuery, document, uiload);Das obige ist der Beispielcode für dynamische Lade -JS und CSS, die Ihnen vom Editor vorgestellt wurden. Ich hoffe, es wird für Sie hilfreich sein!