js确认删除对话框效果的示例代码

以下是一个简单的JavaScript示例代码，用于创建一个确认删除对话框效果。这段代码使用了原生的JavaScript `confirm` 函数，它会在页面上弹出一个对话框，用户可以选择“确定”或“取消”。

// 假设有一个删除按钮，用户点击后会触发这个函数
function confirmDelete() {
  // 使用confirm函数弹出确认对话框
  // confirm函数的参数是对话框中显示的文本
  var isDelete = confirm("您确定要删除这个项目吗？");

  // 判断用户的选择
  if (isDelete) {
    // 如果用户点击了“确定”，则执行删除操作
    // 这里只是一个示例，实际上应该替换成具体的删除逻辑
    console.log("项目已删除！");
  } else {
    // 如果用户点击了“取消”，则不执行删除操作
    console.log("删除操作已取消。");
  }
}

// 示例：假设你有一个按钮，id为"deleteBtn"
// <button id="deleteBtn">删除</button>
// 你可以这样为按钮添加点击事件监听器
document.getElementById("deleteBtn").addEventListener("click", confirmDelete);

请注意，这个示例仅展示了如何使用`confirm`函数来创建一个简单的确认对话框，并没有涉及到实际的删除操作（因为这是一个JavaScript示例，没有直接访问服务器或数据库的能力）。在实际应用中，当用户确认删除后，你可能需要发送一个AJAX请求到服务器来执行删除操作。