javascript - DOMContentLoaded 后如何加载 Javascript 文件

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);
});