Load external JS and run a script right after synchronously

Question

I have this index.html:

<!DOCTYPE html>
<html>
  <head>
    <script src="src/index.js"></script>
    <script>
      alert("2");
    </script>
  </head>
  <body>
  </body>
</html>

and this index.js:

alert("1");

How come alert('2') is apearing before alert('1').
As far as I know, loading src/index.js should be a blocking operation.

https://codesandbox.io/s/kww2o7rm0v

Thanks

like this https://stackoverflow.com/a/10835238/6052427 – errorau Apr 21 '19 at 18:35 — errorau, Apr 21 '19 at 18:35

score -1 · Answer 1 · answered Apr 21 '19 at 18:56

You could use the SetTimeout() function to make the second alert begin, or, call a function in the other script when the alert is exited, using:

alert("1");
// You could either put all of the other script in a function and call that here, or change the src of the script
document.GetElementById("ScriptID").src = "src/index.js";

Hope I could help!

score -1 · Answer 2 · answered Apr 21 '19 at 21:46

-1

Inserting a script element into the document can be accompanied by an onload callback function to ensure a sequential process. See Mozilla published docs under Web/API/HTMLScriptElement There are explanations and examples there.

answered Apr 21 '19 at 21:46

elena a

99
5

Load external JS and run a script right after synchronously

2 Answers2