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

Question

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

基于控制器的auth功能的条件，我需要显示swal（'Hello World）;给用户。但是，当涉及到auth函数时，它会在以下错误提示我：

  

未捕获（已承诺）SweetAlert：在之后只能使用SweetAlert   DOM已加载！

下面，我在使用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的auth函数

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已加载。