SweetAlert 允许 HTML - JavaScript

SweetAlert 是一个弹出提示框的JavaScript库，它功能强大且易于使用。它允许HTML和JavaScript，因此您可以在弹出提示框中添加丰富的内容和功能。

使用SweetAlert

首先，您需要将SweetAlert库添加到您的项目中。您可以从官方网站下载它，或使用CDN链接：

<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>

一旦您将SweetAlert库添加到您的项目中，您可以开始使用它。

创建基本的弹出提示框

下面是一个使用SweetAlert创建基本的弹出提示框的示例：

swal("Hello World!");

这将创建一个包含"Hello World!"文本的弹出提示框。

添加HTML到弹出提示框

SweetAlert允许您在弹出提示框中使用HTML，因此您可以像在网页中一样使用HTML标记。下面是一个示例，展示如何在SweetAlert中添加HTML：

swal({
  title: "HTML示例",
  html: "<p>这是一个包含HTML的提示框</p><a href='#'>点我</a>"
});

添加JavaScript到弹出提示框

SweetAlert还允许您向弹出提示框中添加JavaScript代码。例如，您可以在弹出提示框中添加一个按钮，当用户单击该按钮时，触发JavaScript函数。下面是一个示例：

swal({
  title: "JavaScript示例",
  text: "单击按钮触发JavaScript函数",
  buttons: {
    cancel: true,
    confirm: {
      text: "按钮",
      value: "function",
      className: "btn-primary"
    }
  }
}).then((value) => {
  if(value == "function") {
    alert("您单击了按钮");
  }
});

这将创建一个包含一个按钮的弹出提示框。当用户单击该按钮时，将触发JavaScript函数。

结论

SweetAlert是一个功能强大的JavaScript库，它允许HTML和JavaScript。它使创建弹出提示框变得容易且有趣。如果您需要在项目中添加一个弹出提示框，SweetAlert是一个不错的选择。