Search code examples
javascriptgoogle-chrome-extensiondom-eventsinjectappendchild

JavaScript injected through Chrome extension is not loaded


I am trying to inject a JavaScript through a Chrome extension, but the script onload method is not called...

var scriptURL = 'http://'+response.scriptUrl,
    scriptTag = document.createElement('script');

scriptTag.type = 'text/javascript';
scriptTag.src = scriptURL;

function onload()
{
    alert('onload');
};
        
scriptTag.onload = onload;
$('head').append(scriptTag);

Any ideas why the alert isn't raised?


Solution

  • Please try this:

    var scriptURL = 'http://'+response.scriptUrl,
        scriptTag = document.createElement('script');
    
    scriptTag.type = 'text/javascript';
    scriptTag.src = scriptURL;
    
    function onload()
    {
        alert('onload');
    };
    
    scriptTag.onload = onload;
    var head = document.getElementsByTagName('head')[0];
    head.appendChild(scriptTag);