Wednesday, July 27, 2016

Inject multiple javascript src tag using javascript (dynamically)

Code-:
function scriptLoader(scripts, callback) {

    var count = scripts.length;

    function urlCallback(url) {
        return function () {
            console.log(url + ' was loaded (' + --count + ' more scripts remaining).');
            if (count < 1) {
                callback();
            }
        };
    }

    function loadScript(url) {
        var s = document.createElement('script');
        s.setAttribute('src', url);
        s.onload = urlCallback(url);
        document.head.appendChild(s);
    }

    for (var script of scripts) {
        loadScript(script);
    }
};


Uses-:
scriptLoader(['a.js','b.js'], function() {
    // use code from a.js or b.js
});

Inject multiple javascript src tag using javascript (dynamically)
Inject multiple javascript src tag using javascript (dynamically)

No comments:

Post a Comment