Question

I’m trying to dynamically load a Javascript based on the return value of an API call. I dynamically insert the script tag but it does not get executed. Can someone help understand why? The relevant code snippet is pasted below

onError: function(code) {
      if(code == "false") {
        var headID = document.getElementsByTagName("head")[0];
        var scriptTag = document.createElement("script");
        scriptTag.type="text/javascript";
        scriptTag.src= 'scriptURL';
        headID.appendChild(scriptTag);
      }
}

Using firebug/chrome inspector, I can see that the script tag is added to the dom but the script is not executed (at least not that I can determine). It is a 3rd Party script hence I do not have direct control over it and hence cannot modify it either.

Answer 1

After reading the comments below the question it seems that the third party script is doing its job on window.onload event. Many programmers use this style.

window.onload = function() {
    // Whatever task
};

If the onload event of your page has already been fired before you add the script tag dynamically, the ‘Whatever task’ code would never execute.

Check the source of the third party script. If it uses window.onload, you can try calling window.onload(); after you add the script tag dynamically.