Quiero cargar un archivo de constantes según el idioma que haya seleccionado el usuario. Para eso quiero cargar los scripts dinámicamente.

<html>
  <body>
    <script type="text/javascript">
      var jsElement = document.createElement("script");
      jsElement.type = "application/javascript";
      jsElement.src = "../constants.en.js";
      document.body.appendChild(jsElement);
    </script>
    <script type="text/javascript" src="../js/RandomScript.js"></script>
  </body>

Todo el código está en HTML.

Cuando probé el código anterior, RandomScript.js se carga antes del archivo constante.

¿Cómo puedo mantener la secuencia de carga de archivos?

No estoy usando jQuery o algo así, ¿hay alguna forma de hacer la interpolación de src del script?

javascript html
1
CHIRAG BAVISHI 7 oct. 2019 a las 15:37

3 respuestas

La mejor respuesta

Puede usar el escuchador de eventos onload para cargar archivos .js secuencialmente.

Primero cree una matriz de URL de scripts. Luego repítelo recursivamente. El escuchador de eventos onload garantiza que los scripts se carguen secuencialmente.

var scriptURLs = [
   "../constants.en.js",
   "../js/RandomScript.js"
];

function loadScript(index){
  if(index >= scriptURLs.length){
    return false;
  }

  var el = document.createElement('script');
  el.onload = function(){
    console.log("Script loaded: ", scriptURLs[index]);
    loadScript(index+1);
  }
  el.src = scriptURLs[index];
  document.body.appendChild(el);
  // OR
  // document.head.appendChild(el);
}

loadScript(0); // Load the first script manually.

Espero que esto ayude.

0
Harun Yilmaz 7 oct. 2019 a las 12:54

Cargue el ../js/RandomScript.js después de cargar el ../constants.en.js como sigue

<body>
    <script type="text/javascript">
      var jsElement = document.createElement("script");
      jsElement.type = "application/javascript";
      jsElement.src = "../constants.en.js";
      document.body.appendChild(jsElement);

      var script = document.createElement("script");
      script.src = "../js/RandomScript.js";
      script.type = "text/javascript";
      document.getElementsByTagName("head")[0].appendChild(script);

    </script>
  <!--  <script type="text/javascript" src="../js/RandomScript.js"></script> -->
</body>
2
megna 7 oct. 2019 a las 12:44 
var jsElement = document.createElement("script");
jsElement.type = "application/javascript";
document.body.appendChild(jsElement);

jsElement.onload = () => {
    callyournewScript();
}

jsElement.src = "../constants.en.js";
0
Krishna Raj Salim 7 oct. 2019 a las 16:46
58269710

Preguntas relacionadas

10 ¿Por qué no funcionan los elementos de script de cierre automático?
18 ¿Dónde debo poner las etiquetas <script> en el marcado HTML?

Preguntas vinculadas

8 Llamar a la función de JavaScript después de cargar el script

Nuevas preguntas

3 Obtenga un par de elementos de la matriz cuyo valor es igual a una suma específica usando javascript
3 regex para separar párrafos por doble línea nueva
3 parseInt ni parseFloat ni coerción de cadenas ni Number () convirtiendo cadena en número
2 El juego Vanilla JavaScript Flip Card no funciona
2 node.js no carga el archivo javascript
2 ¿Cómo consigo información de una matriz en un mensaje?
2 ¿Problemas al controlar el margen de un área de texto HTML?
2 Error: los objetos no son válidos como hijo de React (encontrado: objeto con claves {rango}). Si pretendía representar una colección de niños, use una matriz en su lugar
3 La prueba de igualdad falla con el método Mongoose .lean ()
2 Asignación de una matriz y conversión de la propiedad de fecha a milisegundos y devolución de una nueva matriz
Nuevas preguntas con la etiqueta javascript >

javascript

Para preguntas sobre la programación en ECMAScript (JavaScript / JS) y sus diversos dialectos / implementaciones (excepto ActionScript). Incluya todas las etiquetas relevantes en su pregunta; por ejemplo, [node.js], [jquery], [json], etc.

Más sobre javascript...