Home/ Questions/Q 6807621
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T19:51:18+00:00

I am trying to load some JavaScript files inside another JavaScript file in the

  • 0

I am trying to load some JavaScript files inside another JavaScript file in the following case:

js/script1.js

var script_1_method = function () {
   console.log("Hello Script 1");
}

js/init-script.js

console.log("Initiating Scripts...");
loadScriptMethod('js/script1.js');
script_1_method();
console.log("Hello Script 2");

index.html

    <!DOCTYPE HTML>
    <html lang="en-US">
    <head>
      <meta charset="UTF-8">
      <title></title>
      <script type="text/javascript" src="js/init-script.js"></script>
    </head>
    <body>

    </body>
    </html>

The Console output should be 

Initiating Scripts...
Hello Script 1
Hello Script 2

I have looked into many JavaScript loaders like curl.js, RequireJS, JSL almost all of them do an Asynchronous way of loading files requiring callbacks for my scenario.

Is there a library to load the scripts in a synchronous way as in the above case without requiring callbacks.

Please let me know if there are any JavaScript loader libraries which cater to the above case.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    It’s possible to load same-origin scripts using a synchronous XHR:

    var scr = getViaSynchronousXHR('js/script1.js'),
    el  = document.createElement("script");

el.appendChild(document.createTextNode(scr));
document.documentElement.firstChild.appendChild(el);
script_1_method();

    A script element without a source is parsed and executed synchronously, because there is no wait for the file to be downloaded/fetched from cache.

    • 0