Execute function after script injected via document.write has finished loading?

Question

Is it possible to know when a script injected via document.write has finished loading?

document.write('<script src="' + url + '"><\/script>');

This is executed on page load.

Edit:

Thanks for all the help guys, really helped point me toward the right direction. I ended up using this solution from MSDN

s = document.createElement("script");
s.src="myscript.js";
if(s.addEventListener) {
  s.addEventListener("load",callback,false);
} 
else if(s.readyState) {
  s.onreadystatechange = callback;
}
document.body.appendChild(s);
function callback() { console.log("loaded"); }

Yes, it is (add a onload event to it), but you should really avoid `document.write`. — Benjamin Gruenbaum, Mar 24 '14 at 21:59
Sure. Just `document.write()` another script directly after it. — cookie monster, Mar 24 '14 at 22:00
Some versions of IE don't have an `onload` event for `script` elements. And `document.write()` is useful when used properly, as seems to be the case here. — cookie monster, Mar 24 '14 at 22:01
[possible duplicate](http://stackoverflow.com/questions/3768768/loading-javascript-dynamically-and-how-to-check-if-the-script-exists) — aloisdg, Mar 24 '14 at 22:08
@aloisdg: That's not really a duplicate, since that one is asking how to know if a script failed to load. Though I'm guessing there's a dupe around here somewhere. — cookie monster, Mar 24 '14 at 22:10

score 2 · Accepted Answer · answered Mar 25 '14 at 01:30

2

Listen to the readystatechange event for IE, and the load event for other browsers.

answered Mar 25 '14 at 01:30

Gareth Bowen

949
1
7
12

Execute function after script injected via document.write has finished loading?

1 Answers1