JavaScript onclick Alert: Are You Sure?

在 Web 开发中，页面上的各种按钮或链接通常是需要在用户点击后执行某些操作的。而有些操作，例如删除或离开页面时，可能是比较危险或需要用户再次确认的。这时我们可以用 onclick 加上 JavaScript 中的弹框功能 alert() 来实现。

使用方法

<button onclick="confirmDelete()">Delete</button>

<script>
function confirmDelete() {
  if(confirm("Are you sure you want to delete?")) {
    // 执行删除操作
  }
}
</script>

上面的例子是给一个按钮绑定 onclick 事件，当用户点击按钮时，会先弹出一个确认框。如果用户点击确认，就执行相应的删除操作；如果用户点击取消，则不做处理。

alert() 和 confirm() 区别

alert() 和 confirm() 都是 JavaScript 中的弹框功能，但有一些不同点。

alert() 提示框只有一个“确定”按钮，用户只能确认，不能取消。

confirm() 确认框有“确定”和“取消”两个按钮，用户可以选择确认或取消操作。

一般来说，alert() 适用于简单提示信息，例如操作成功、操作失败等；而 confirm() 适用于需要用户再次确认的操作，例如删除、离开页面等。