Question

I am developing chrome extension, it is a simple extension which call background.js file to do simple job. In background.js i want to include jquery.js file to call ajax function. But i can’t find anyway to include jquery.js in background.js. is it possiable to do that?

you know, extension call background.js and it does not call php or html file which include background.js so i can’t use anything get involved in php or html

Thanks in advance….

Answer 1

Here ya go:

var jQueryElement=document.createElement('script');
jQueryElement.type = 'text/javascript';
jQueryElement.src = 'https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js';
document.getElementsByTagName('head')[0].appendChild(jQueryElement);

You will have to put everything in the onload event handler, otherwise, the rest of the JavaScript will continue running even if jQuery hasn’t loaded yet.

var jQueryElement=document.createElement('script');
jQueryElement.type = 'text/javascript';
jQueryElement.onload = function () {
    alert('jQuery loaded');
};
jQueryElement.src = 'https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js';
document.getElementsByTagName('head')[0].appendChild(jQueryElement);