Execute javascript after external javascript document has loaded

Question

I want to include a remote js file and then invoke a function once that has finished executing. I thought I could do something like this:

var sc = document.createElement('script');
sc.setAttribute('type', 'text/javascript');
sc.setAttribute('src', src);
sc.innerHTML = "alert('testing');"
parentNode.appendChild(sc);

Turns out, the alert('testing') gets wiped out be whatever is in the file. Is there anyway to do this?

Answer 1

This function will load library from scriptPath and execute passed handler function once script is loaded:

loadExternalScript : function(scriptPath, handler) {

    var head = document.getElementsByTagName('head')[0];
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = scriptPath;
    script.charset = 'utf-8';

    script.onload = handler;

    head.appendChild(script);

}