甜蜜警报不起作用

Sweet Alert does not work

好的,首先,我是新手。我被指示在我们的项目中使用 sweet alert 作为警报。我确保它会起作用,所以我在另一个文件上做了一个简单的文件,并做了类似下面的代码的东西,但它不起作用。 Sweetalert 没有显示。我错过了什么吗?

<!DOCTYPE html>
 <html>
  <head>
   <link href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.css" rel="stylesheet" />
  </head>
  <body>

   <script>
    swal("Hello World");
   </script>

   <script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js" />
  </body>
 </html>

您在声明 Sweet alert 并将其链接到您的 HTML 文档之前调用它。将对 sweetalert.min.js 的脚本引用移动到页面的头部。而且,脚本标签不能自动关闭。您需要通过执行 </script> 来关闭脚本标签,如下所示:

<!DOCTYPE html>
 <html>
  <head>
   <link href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.css" rel="stylesheet" />
   <script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js"></script>
  </head>
  <body>

   <script>
    swal("Hello World");
   </script>


  </body>
 </html>