Как загрузить Javascript файлов после DOMContentLoaded

Question

Есть ли способ загрузить Javascript файлов после DOMContentLoaded? Я пробовал использовать defer, но он загружается раньше DOMContentLoaded. Любая помощь будет принята с благодарностью.

Я использую следующие файлы в моем HTML.

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

Answer 1

Вы можете использовать eventListener и добавлять скрипты в DOM

window.addEventListener('DOMContentLoaded', (event) => {
  let script = document.createElement('script');
  // script.src = 'script.js'; // use this to set the source
  script.innerHTML = 'alert(1)'
  document.body.appendChild(script);
});