javascript - 如何实现关键操作的确认对话框？

Question

我自己对 JS 不是很精通，所以我可能需要几个小时才能自己弄清楚，所以我想我会问问你们。

我的网站上有删除/禁止链接，管理员使用这些链接来管理用户和他们发布的内容。由于这些链接对网站内容有如此严重的影响，我希望在单击其中一个链接时弹出某种确认信息。

它应该有一些额外的文本来解释将要发生的事情，以及确定/取消按钮。

所以我有一个链接，例如这样的:

<a href="ban.php?id=123" class="confirm_ban">Ban John</a>
<a href="delete.php?id=123" class="confirm_delete">Delete Post</a>

当点击这个链接时，需要触发代码。如果按下确定，它会转到 ban.php?id=123，如果按下取消，它不会转到任何地方。

一个简单的JS对话框就可以了。或者，如果您有一个精美的 jquery 驱动盒的链接，您也可以向我指出这一点。

谢谢!

Answer 1

最简单的方法是使用 confirm() 函数:

var confirmed = confirm('Do you really want to do this?');
if(confirmed) {
    //Do dangerous action
}

它基本上会显示一个框，其中包含您提供的文本以及确定和取消按钮。

通过链接，您可以执行以下操作:

<a href="someurl" onclick="return confirm('Are you sure?');">

像这样将操作放在 onclick 中并不是最佳实践，但即使您不是专业的 javascripter，它也能正常工作并且易于理解