不带库的JavaScript自定义确认函数

function customConfirm(message, callback) {
  // 创建确认对话框的容器元素
  var confirmContainer = document.createElement('div');
  confirmContainer.className = 'confirm-container';

  // 创建确认消息元素
  var messageElement = document.createElement('p');
  messageElement.textContent = message;
  confirmContainer.appendChild(messageElement);

  // 创建确认按钮元素
  var confirmButton = document.createElement('button');
  confirmButton.textContent = '确认';
  confirmButton.addEventListener('click', function() {
    // 调用回调函数，传递确认结果为true
    callback(true);
    // 移除确认对话框
    document.body.removeChild(confirmContainer);
  });
  confirmContainer.appendChild(confirmButton);

  // 创建取消按钮元素
  var cancelButton = document.createElement('button');
  cancelButton.textContent = '取消';
  cancelButton.addEventListener('click', function() {
    // 调用回调函数，传递确认结果为false
    callback(false);
    // 移除确认对话框
    document.body.removeChild(confirmContainer);
  });
  confirmContainer.appendChild(cancelButton);

  // 将确认对话框添加到页面中
  document.body.appendChild(confirmContainer);
}

// 使用示例
customConfirm('确定要删除这条记录吗？', function(result) {
  if (result) {
    // 用户点击了确认按钮
    console.log('执行删除操作');
  } else {
    // 用户点击了取消按钮
    console.log('取消删除操作');
  }
});