1. JS nativo:
/*** Carregue arquivos JS e CSS* @param jsondata.path Path prefixado* @param jsondata.url O caminho JS ou CSS que precisa ser carregado* @param jsondata.type o tipo que precisa ser carregado ou cs*/função carrechingfiles (jsondata) {jsatrands) {jsatrands) {jsatha) {jsathands) {jsatha) {jsondatha) (jsondata.tyPe) o tipo que precisa ser carregado ou cs*/functywritefiles (jSondata). jsondata.path: ""; if (jsondata.type == "js") {document.writeln ("<script type = 'text/javascript' src = '"+ jsondata.path+ jsondata.ur+ "'> </script>");} se (jsondata "css") {document.writeln ("<link rel = 'stylesheet' href = '"+jsondata.path+jsondata.url+"' type = 'text/css'/>");}}/*** carrega js ou css na cabeça* @param jsondathathathypath}}/*** carregar ou css na cabeça* @param jsondA.PathAghT. Caminho que precisa ser carregado* @param jsondata.type o tipo JS ou CSS*/função que precisa ser carregada LoadFileStOhead (JSONDATA) {JSONDATA.PATH = JSONDATA.PATH! = Undefinido? jsondata.path: ""; if (jsondata.type == "js") {var _js = document.createElement ("script"); _ js.setattribute ("type", "text/javascript"); _ jsattribute ("src", jsondata.path "); _JS.onReadySTATECHANGE = function () {if (! this.readyState || this.readyState == 'carregado' || this.readyState == 'complete') {if ("function" == typeof (jsondata ["retorno"]) e jsondata ["callback") {jsonds [" _js.onload = _js.onReadyStateChange = null; } document.getElementsByTagName ("Head") []. AppendChild (_JS); // Adicione à etiqueta da cabeça} else if (jsondata.type == "css") {var _css = document.CreateElement (link "); _ js.SettTttttT (" tipo "" " "STILESHEET"); _ css.setAttribute ("href", jsondata.path + jsondata.url); document.getElementsByTagName ("head") []. AppendChild (_CSS); // anexar a tag}}}}}}}}}}}}}}}}}2. Versão do jQuery:
Use objeto diferido para retornar o resultado
var uiLoad = uiload || {}; (function ($, $ document, uiload) {"use strict"; var carregado = [], prometo = false, adiado = $ .Deferred (); uiload.load = function (srcs) {srcs = $ .isArray (srcs)? diferred.promise ();} $. cada (srcs, function (index, src) {promeso = prometo.then (function () {return src.indexof ('. css')> =? loadcss (src): loadScript (src);});}}); {if (carregado [src]) return carregado [src] .promise (); var diferred = $ .deferred (); var script = $ document.createElement ('script'); script.src = src; script.onload = function (e) {diferred.Resolve (e); {diferred.Reject (e);}; $ document.body.appendChild (script); carregado [src] = diferred; return adferred.promise ();}; var loadCss = function (href) {if (carregou [href]) carregado [href]. (); $ document.createElement ('link'); style.rel = 'stylesheet'; style.type = 'text/css'; style.href = href; style.onload = function (e) {adtered.resolve (e);}; style.onerror = função (e) {adeferred.Reject (e);}; $ document.head.appendChild (style); carregado [href] = adiado; return adilered.promise ();}}) (jQuery, documento, uiload);O exposto acima é o código de exemplo para o carregamento dinâmico JS e CSS introduzidos pelo editor. Espero que seja útil para você!