Breaking News: Grepper is joining You.com. Read the official announcement!

Load a JavaScript file dynamically

somashekhar B answered on July 13, 2023 Popularity 4/10 Helpfulness 1/10

answer Load a JavaScript file dynamically

related Load a JavaScript file dynamically

Load a JavaScript file dynamically

Comment

// Create new script element
...
script.addEventListener('load', function() {
    // The script is loaded completely
    // Do something
});

// Append to the `head` element
...

Popularity 4/10 Helpfulness 1/10 Language javascript

Source: htmldom.dev

Tags: file javascript load

Link to this answer
Share Copy Link

Contributed on Jul 13 2023

somashekhar B

0 Answers Avg Quality 2/10

Closely Related Answers

Load a JavaScript file dynamically

Comment

// Load a script from given `url`
const loadScript = function (url) {
    return new Promise(function (resolve, reject) {
        const script = document.createElement('script');
        script.src = url;

        script.addEventListener('load', function () {
            // The script is loaded completely
            resolve(true);
        });

        document.head.appendChild(script);
    });
};

// Perform all promises in the order
const waterfall = function (promises) {
    return promises.reduce(
        function (p, c) {
            // Waiting for `p` completed
            return p.then(function () {
                // and then `c`
                return c().then(function (result) {
                    return true;
                });
            });
        },
        // The initial value passed to the reduce method
        Promise.resolve([])
    );
};

// Load an array of scripts in order
const loadScriptsInOrder = function (arrayOfJs) {
    const promises = arrayOfJs.map(function (url) {
        return loadScript(url);
    });
    return waterfall(promises);
};

Popularity 3/10 Helpfulness 1/10 Language javascript

Source: htmldom.dev

Tags: file javascript load

Link to this answer
Share Copy Link

Contributed on Jul 13 2023

somashekhar B

0 Answers Avg Quality 2/10

Load a JavaScript file dynamically

Comment

loadScriptsInOrder(['/path/to/file.js', '/path/to/another-file.js', '/yet/another/file.js']).then(function () {
    // All scripts are loaded completely
    // Do something
});

Popularity 3/10 Helpfulness 1/10 Language javascript

Source: htmldom.dev

Tags: javascript file load

Link to this answer
Share Copy Link

Contributed on Jul 13 2023

somashekhar B

0 Answers Avg Quality 2/10

Load a JavaScript file dynamically

Contents

More Related Answers

Load a JavaScript file dynamically

Closely Related Answers

Load a JavaScript file dynamically

Load a JavaScript file dynamically

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.