¿Cómo cargar todos los scripts, hojas de estilo y marcado desde un archivo js?

El siguiente pequeño fragmento de código no se puede cambiar una vez implementado (está en un RIA), así que todo debe cargarse mediante un archivo bootstrapper.js:

¿Cuál es la mejor manera de cargar todos los js, css y markup? ¿Hay una forma mejor (más limpia, más rápida, más nítida) que la siguiente ?:

 function createDivs() { var jsDiv = document.createElement('div'); jsDiv.id = 'allJavascriptHere'; var contentDiv = document.createElement('div'); contentDiv.id = 'allContentHere'; document.getElementById("someDivID").appendChild(jsDiv); document.getElementById("someDivID").appendChild(contentDiv); function importScript(url){ var script = document.createElement('script'); script.type = 'text/javascript'; script.src = url; document.getElementById("jsDiv").appendChild(script); } importScript("http://example.com/jquery-1.4.2.min.js"); importScript("http://example.com/anotherScript.js"); } window.onload = function(){ $.get("http://example.com/someHTML.html", function(data) { $('#contentDiv').html(data); setTimeout("javaScript.init()", 200); }); } 

con hojas de estilo en el archivo someHTML.html como tal:

  @import url("example.com/styleSheet.css");  

(nota: no sé por qué necesito el setTimeout pero por alguna razón lo hago. Tal vez su respuesta no lo requiera).

Puede usar $.getScript() jQuery para importar scripts.

Recientemente escribí una función para importar CSS.

 var getCss = function(file, callback) { if (typeof callback !== 'function') { throw 'Not a valid callback'; }; $.get(file, function(css) { var top = $('head > link[rel=stylesheet]').length ? $('head > link[rel=stylesheet]:last') : $('head > *:last'); top.after(''); callback(); }); }; 

Si su css también está en ese archivo js, ​​simplemente puede agregar código css a la etiqueta de estilo de documentos. Puede ser útil en algunas situaciones, donde no se permite el uso de diferentes archivos css, etc.

Si está buscando cargar CSS de manera asincrónica de una manera fácil, similar a $.getScript consulte loadCSS , una biblioteca independiente para cargar CSS sin una dependencia en jQuery.