Question

When dynamically adding a script tag to a html page, you can add an on load event to the script tag but this seems to be fired when the script tag has been added to the page but before the contents of the script tag have been passed by the browser.

Is it possible to detect, have an event fired, when the contents of the script tag have been passed by the browser.

I’m thinking of adding a flag to the end of the javascript and just doing a timeout and wait till it exists or times out after a while.

Answer 1

One of the tests that jQuery uses to check if a document is loaded is

if (!document.body) {
    return setTimeout(jQuery.ready, 1);
}

You could in theory do something similar with your scripts by setting a variable to loaded on your JavaScript file

function checkLoaded( ) {

    if ( module && module.loaded ) {
        func(); // function to call after scripts are ready   
    }

    setTimeout( checkLoaded, 1 );

}