Javascript Dynamic Script Loading Via Functions... How To Do Onload Or Readystate All Over Again?

At present, I have a javascript callable functions (without adding global variables) that add scripts to the head. Onload is useful for pages after the site loaded initially, but I

Solution 1:

You want a script onload, not a document onload. See the accepted answer here:

'onload' handler for 'script' tag in internet explorer

This is the code to admire:

var head = document.getElementsByTagName("head")[0] || document.documentElement;
var script = document.createElement("script");
if ( s.scriptCharset ) {
    script.charset = s.scriptCharset;
}
script.src = s.url;

// Handle Script loadingvar done = false;

// Attach handlers for all browsers
script.onload = script.onreadystatechange = function() {
    if ( !done && (!this.readyState ||
            this.readyState === "loaded" || this.readyState === "complete") ) {
        done = true;
        jQuery.handleSuccess( s, xhr, status, data );
        jQuery.handleComplete( s, xhr, status, data );

        // Handle memory leak in IE
        script.onload = script.onreadystatechange = null;
        if ( head && script.parentNode ) {
            head.removeChild( script );
        }
    }
};

// Use insertBefore instead of appendChild  to circumvent an IE6 bug.// This arises when a base node is used (#2709 and #4378).
head.insertBefore( script, head.firstChild );