如何在使用 javascript 删除数据之前添加确认页面？

Question

我有一个元素，点击后会重定向到另一个页面，如下所示：

<a href="javascript:void(0);" onclick="location.href='?page=del$id=12345'">

实际上，如何在删除该数据（重新加载页面）之前添加一些确认（如 yes/no）？

我试过这样写代码：

<a href="javascript:void(0);" onclick="return confirm('Are you sure?')" location.href="?page=del$id=12345">

但是这段代码对我不起作用。

有什么想法吗？

Answer 1

在href属性代码中添加页面url 像这样简单

<a href="?page=del$id=12345" onclick="return confirm('Are you sure ?')">Click</a>

Answer 2

您可以在线确认。像这样：

var c = confirm('Are you sure ?'); c== true ? (location.href='https://whosebug.com/') : ''

试试这个：

<a href="javascript:void(0);" onclick="var c = confirm('Are you sure ?'); c== true ? (location.href='https://whosebug.com/') : ''">click</a>

Answer 3

我的建议：

var confirmed = false;

del.onclick = () => {
  if (confirmed) {
    location.href = del.dataset.goto;
  } else {
    del.innerText = 'Please, click again to confirm';
    confirmed = true;
  }
}

#del {
  color: blue;
  cursor: pointer;
}

<div id="del" data-goto="https://whosebug.com">Delete</div>

如果您愿意，可以使用 <button type="button"> 代替 <div>。

无论如何，我建议您将 JavaScript 与 HTML 代码分开。

如何在使用 javascript 删除数据之前添加确认页面？

how can I add a confirmation page before deleting the data using javascript?

javascript

onclick