How load a javascript file dynamically? [duplicate]

Question

I have a js file that I want to load it dynamically in a web page using JavaScript. I want to load the file after the web page has been loaded.

Any help is welcome.

Answer 1

You can do this with pure javascript or jQuery, here is the two ways (I prefer the jQuery way):

JavaScript

var h = document.getElementsByTagName('head')[0];
var s = document.createElement('script');
s.src = 'http://url.to/your/script.js';
h.appendChild(s);

jQuery

$.getScript('http://url.to/your/script.js');

Answer 2

window.onload = function () {
    var head = document.getElementsByTagName('head').item(0);
    var script = document.createElement('script');
    script.setAttribute('type', 'text/javascript');
    script.setAttribute('src', 'some.js');
    head.appendChild(script);
}