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
– Benjamin Gruenbaum, Commented Mar 24, 2014 at 21:59
Sure. Just document.write() another script directly after it. — cookie monster
– cookie monster, Commented Mar 24, 2014 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
– cookie monster, Commented Mar 24, 2014 at 22:01

Gareth Bowen · Accepted Answer · 2014-03-25 01:30:16Z

2

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

answered Mar 25, 2014 at 1:30

Gareth Bowen

9491 gold badge7 silver badges12 bronze badges

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

Collectives™ on Stack Overflow

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

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related