Cargar un fichero javascript desde otro javascript

Para cargar de forma dinámica un fichero javascript desde otro fichero javascript, una opción es hacerlo con el siguient código:

  (function(document, tag) {
    var scriptTag = document.createElement(tag), // crea el elemento
        firstScriptTag = document.getElementsByTagName(tag)[0]; // Busca donde se encuentra el primer script [0]
    scriptTag.src = 'js/nuevofichero.js'; // establece en el src la url del javascript a cargar
    firstScriptTag.parentNode.insertBefore(scriptTag, firstScriptTag); // añade el script al DOM
  }(document, 'script'));

De esta forma podemos gestionar los archivos js de forma dinámica y no depender de que el desarrollador añada las librerias en la cabecera del HTML.

Al cargar sólo los ficheros js necesarios para esa página reducimos los tiempos y aumenta la velicidad de carga. Además, esta fución puede utilizarse para cualquier tipo de elemento, como por ejemplo link para CSS.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *