在完全加载DOM之前如何加载JS文件？

Question

我正在使用sweetAlert进行javascript验证。 我在控制器的构造函数中为sweetAlert加载了JS。

根据控制器的身份验证功能的条件，我需要显示一个swal（'Hello World）; 给用户。 但是当涉及到身份验证功能时，它会在以下错误提示我：

没注意到（承诺）SweetAlert：您只能在DOM加载后使用SweetAlert！

在下面，我提供一些使用swal函数的代码行。

调节器

function __construct(){
    parent::__construct();
    $this->load->model('CommonModel');
    $this->load->model('UserModel');
    ?>
    <script type="text/javascript" src="https://unpkg.com/sweetalert/dist/sweetalert.min.js" language="javascript" ></script>
    <?
    $this->load->library(array('session', 'form_validation', 'pagination'));
}

以下是我使用swal的身份验证功能

else{
   echo "<script type='text/javascript'>swal('Hello world!');</script>";
}

请帮我

Answer 1

else{
   echo "<script type='text/javascript'>
      document.addEventListener("DOMContentLoaded", function(event) {
        swal('Hello world!');
      });
</script>";
}

这样可以确保dom已加载。