在 Javascript 中使用 SweetAlert

Question

我和这个人有同样的问题：Sweetalert - Call function in Javascript

根据那个问题给出的答案，我无法弄清楚问题所在。我已经从 http://tristanedwards.me/sweetalert 下载了 .js 和 .css 文件。我已将它们保存在与我处理脚本时相同的项目中。然后在我的 .html 文件中添加了以下行：

<script src="SweetAlert.js"></script>
<link href="SweetAlert.css" rel="stylesheet">

<body>
<button type="button" id="button1" onclick='sweetAlert("Oops...", "Something went wrong!" , "error")'>Title</button>
</body>

这适用于标准的 Alert() 功能。为什么它不能与 sweetAlert 一起使用？我假设多个 .js 文件可能会导致问题，因为我调用了其中的 3 个。

Answer 1

我不知道这是否是你的问题，但对我来说，以下 HTML 有效。把文件放在同一个文件夹，注意文件名，因为你写的文件名和下载的不一样，

link“/>”

也缺少关闭

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>

    <script src="sweet-alert.js"></script>
    <link href="sweet-alert.css" rel="stylesheet"/>


    <meta charset="utf-8" />
    <title></title>
</head>
<body>
<button type="button" id="button1" onclick='sweetAlert("Oops...", "Something went wrong!" , "error")'>Title</button>
</body>
</html>

在 Javascript 中使用 SweetAlert

Using SweetAlert in Javascript

html

javascript

alert

button

sweetalert