如何在DOMContentLoaded之后加载Javascript文件

Question

有没有办法在DOMContentLoaded之后加载Javascript文件？我尝试过使用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);
});