Загрузить несколько сценариев после загрузки страницы?

Question

Я использую следующий код внутри своего HTML для загрузки файла JS после загрузки страницы. (DOMContentLoaded)

<script>
document.addEventListener('DOMContentLoaded', function() {
  var script = document.createElement('script');
  script.src = 'https://ajax.aspnetcdn.com/ajax/jquery/jquery-1.12.4.min.js';
  document.getElementsByTagName('body')[0].appendChild(script);
});
</script>

Но мне нужно загрузить несколько скриптов, и я не знаю, как это сделать наилучшим образом. Например, у меня есть следующие файлы для ссылки.

<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-1.12.4.min.js"></script>
<script src="https://ajax.aspnetcdn.com/ajax/bootstrap/4.0.0/bootstrap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@8"></script>

Любая помощь будет принята с благодарностью.

Answer 1

Если вы заранее знаете имена скриптов, вы можете определить массив, например:

var scripts = ["script1.js", "anotherscript.js", "whatever.js"];

И затем l oop через него, и для каждого скрипта вы можете добавить его, как вы делали раньше

var scriptName;
for (scriptName in scripts) {
  // create the script and set the src = scriptName as before
}