如何在DOMContentLoaded后加载Javascript文件。

Question

有什么办法可以在 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);
});