1. JS natif:
/ ** * Chargement des fichiers JS et CSS * @param jsondata.path Path du préfixe * @param jsondata.url le chemin JS ou le chemin CSS qui doit être chargé * @param jsondata.type le type JS ou CSS qui doit être chargé * / Function LoadwriteFiles (JSondata) {jsondata.path = jsondata. ! = indéfini? jsondata.path: ""; if (jsondata.type == "js") {document.writeln ("<script type = 'text / javascript' src = '" + jSondata.path + jSondata.url + "'> </ script>"); } else if (jsondata.type == "css") {document.writeln ("<link rel = 'stylesheet' href = '" + jsondata.path + jsondata.url + "' type = 'text / css' />"); }} / ** * Chargez JS ou CSS dans la tête * @param jsondata.path Path du préfixe * @param jsondata.url le chemin JS ou le chemin CSS qui doit être chargé * @param jsondata.type le type JS ou CSS qui doit être chargé * / fonction loadfilestohead (jsondata) {jSondata. jsondata.path! = Undefined? jsondata.path: ""; if (jSondata.type == "js") {var _js = document.createElement ("script"); _js.SetAttribute ("type", "text / javascript"); _Js.SetAttribute ("Src", jSondata.path + jSondata.url); _js.onload = _js.OnreadyStateChange = function () {if (! this.readystate || this.readystate == 'Loaded' || this.readystate == 'complete') {if ("function" == typeof (jSondata ["callback"]) && jsondata ["callback"]) {jsondata ["]. }} _js.onload = _js.OnreadyStateChange = null; } document.getElementsByTagName ("Head") [0] .APPENDCHILD (_JS); // Ajouter à la balise de tête} else if (jSondata.type == "CSS") {var _css = document.CreateElement ("link"); _js.SetAttribute ("type", "text / css"); _css.setAttribute ("Rel", "Stylesheet"); _css.setAttribute ("href", jsondata.path + jSondata.url); document.getElementsByTagName ("Head") [0] .APPENDCHILD (_CSS); // Ajouter à la balise de tête}}2. Version jQuery:
Utilisez un objet différé pour retourner le résultat
var uiload = uiload || {}; (fonction ($, $ document, uiload) {"use strict"; var chargé = [], promesse = false, deferred = $ .deferred (); uiload.load = function (srcs) {srcs = $ .isArray (srcs)? srcs: srcs.split (// s + /); if (! Deferred.promise ();} $. if (Src] chargé [Src]. $ document.body.AppedChild (script); 'StyleSheet'; }}) (jQuery, document, uiload);Le code d'implémentation simple ci-dessus pour charger dynamiquement JS et CSS est tout le contenu que j'ai partagé avec vous. J'espère que vous pourrez vous faire référence et j'espère que vous pourrez soutenir Wulin.com plus.