javascript 警报_用此自适应替代方法替换JavaScript警报框

几乎每个人都讨厌JavaScript警报弹出式窗口 。 它们会引起您的注意并超越浏览器，因此您需要先将其关闭，然后才能与页面进行交互。

在现代时代，我们可以做得比JavaScript警报框更好 。 SweetAlert2可能是最好的解决方案。

这是一个由JavaScript驱动的弹出脚本 ，旨在完全响应并支持所有用户的可访问性 。

当然，如果您想研究代码，它也是开源的， 可以在GitHub上免费使用 。

但是，真正的宝藏是SweetAlert主网页上的演示。 它提供了原始JavaScript警报框和SweetAlert2消息之间的直接比较 。

有趣的是，代码片段似乎没有太大的区别。 与典型JavaScript警报一样，您可以使用一行代码运行SweetAlert2 ，尽管相比之下，该行可能更长。

使用SweetAlert，您可以更好地控制弹出框样式，动画，按钮颜色和文本样式。 您甚至可以将图像或视频嵌入到警报框中。

但是，绝对最佳的功能是SweetAlert2 不会超过整个浏览器 。 如果您运行SweetAlert2弹出窗口，它将仅显示在该选项卡上 ，因此，即使用户正在浏览另一个站点，也不会因为弹出了警报而将他们强行定向到您的选项卡。

这最终增加了用户的参与度，因为人们不会因为不明智的UX习惯而被疏远。

您可以设置自动关闭计时器，确认/拒绝按钮 ，甚至可以使用Animate.css等第三方库来自定义动画 。

如果要使用任何脚本代替典型JavaScript警报，则必须使用SweetAlert2。 这个东西是完全免费的 ， 开放源代码的 ，并提供了许多自定义选项 ，每个Web开发人员都将为此而笑。

查看主要网站以了解更多信息，并查看一些实时示例 。 如果您想查看文件并查看发布日志，也可以浏览GitHub存储库 。

翻译自: https://www.hongkiat.com/blog/sweetalert2-alert-script/