Check when async javascript file is loaded [duplicate]

Question

I'd like to "bootstrap" my page only after all async files have been loaded. Is there a way I can be notified when an async file has been loaded?

index.html

<script src="fileone.js" type="text/javascript" async></script>
<script src="filetwo.js" type="text/javascript" async></script>
<script src="bootstrap.js" type="text/javascript" async></script>

Why don't you load them using javascript ? Appending this using JS allow you to use any event you wish — Dimitri Kopriwa
– Dimitri Kopriwa, Commented Dec 3, 2015 at 21:16

MyUser · Accepted Answer · 2015-12-03 21:18:20Z

10

Giving one of your scripts an ID...

<script src='fileone.js' type='text/javascript' async id='script_1'></script>
<script>
    document.getElementById("script1").onload = script.onreadystatechange = function(){ alert("Script loaded!"); }
</script>

answered Dec 3, 2015 at 21:18

MyUser

3312 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Jaromanda X Over a year ago

How does monitoring one script assure the others are loaded as well?

MyUser Over a year ago

You would do one of those "document.getElementById()" lines for each script, replacing the "script1" with the other script ID.

Collectives™ on Stack Overflow

Check when async javascript file is loaded [duplicate]

1 Answer 1

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Linked

Related