甜蜜警报不起作用

Sweet Alert does not work

本文关键字：不起作用 甜蜜      更新时间：2023-09-26

好吧，首先，我是新手。我被指示在我们的项目中使用甜蜜警报。我保证它会起作用，所以我在另一个文件上做了一个简单的，并做了下面的代码，但它不起作用。甜蜜警报没有显示。我错过什么了吗？

<!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>
相关文章：