onreadystatechange event that is fired when a new script is included. It also works for dynamically loaded CSS files using a new
link DOM element. Thanks to the comment from Björn Graf, I tried using
onload event to test if the new script is included using Firefox. It worked!
What we have here (demo) is trying to include a .js file and an .css file, creating new
link DOM elements. Then I'm attaching event listeners to those new elements - one
onload and one
onreadystatechange. The script that is included (jsalert.js) has one
As you can probably guess, the results are different in IE and FF.
- CSS inclusion - IE fires both events,
onreadystatechange. FF fires nothing.
- JS inclusion - IE fires
onreadystatechange. FF fires
onload. Both will execute the script before firing the event.
2. In IE you have two ways to tell when a CSS is included.