#Append scripts with async=false# Here's a different, but super simple approach. To load multiple scripts you can simply append them to body.

• Loads them asynchronously, because that's how browsers optimize the page loading
• Executes scripts in order, because that's how browsers parse the HTML tags
• No need for callback, because scripts are executed in order. Simply add another script, and it will be executed after the other scripts

More info here: https://www.html5rocks.com/en/tutorials/speed/script-loading/

var scriptsToLoad = [
 "script1.js", 
 "script2.js",
 "script3.js",
]; 
 
scriptsToLoad.forEach(function(src) {
 var script = document.createElement('script');
 script.src = src;
 script.async = false;
 document.body.appendChild(script);
});

Append scripts with async=false

Here's a different, but super simple approach. To load multiple scripts you can simply append them to body.

• Loads them asynchronously, because that's how browsers optimize the page loading
• Executes scripts in order, because that's how browsers parse the HTML tags
• No need for callback, because scripts are executed in order. Simply add another script, and it will be executed after the other scripts

More info here: https://www.html5rocks.com/en/tutorials/speed/script-loading/

var scriptsToLoad = [
 "script1.js", 
 "script2.js",
 "script3.js",
]; 
 
scriptsToLoad.forEach(function(src) {
 var script = document.createElement('script');
 script.src = src;
 script.async = false;
 document.body.appendChild(script);
});

#Append scripts# Here's a different, but super simple approach. To load multiple scripts you can simply append them to body.

• Loads them asynchronously, because that's how browsers optimize the page loading
• Executes scripts in order, because that's how browsers parse the HTML tags
• No need for callback, because scripts are executed in order. Simply add another script, and it will be executed after the other scripts

var scriptsToLoad = [
 "script1.js", 
 "script2.js",
 "script3.js",
]; 
$.each(scriptsToLoad, function(index, value) {
 $('body').append('<script type="text/javascript" src="'+value+'"></script>');
});

#Append scripts with async=false# Here's a different, but super simple approach. To load multiple scripts you can simply append them to body.

• Loads them asynchronously, because that's how browsers optimize the page loading
• Executes scripts in order, because that's how browsers parse the HTML tags
• No need for callback, because scripts are executed in order. Simply add another script, and it will be executed after the other scripts

More info here: https://www.html5rocks.com/en/tutorials/speed/script-loading/

var scriptsToLoad = [
 "script1.js", 
 "script2.js",
 "script3.js",
]; 

scriptsToLoad.forEach(function(src) {
 var script = document.createElement('script');
 script.src = src;
 script.async = false;
 document.body.appendChild(script);
});