window.confirm弹窗样式只留一个按钮

您可以通过以下方式实现只留一个按钮的 window.confirm 弹窗样式：

首先，您需要在 CSS 文件中定义一个样式类，例如：

.confirm-btn {
  display: none;
}

然后，在 JavaScript 中调用 window.confirm 函数时，您可以通过以下方式只显示一个按钮：

if (window.confirm('您确定要执行此操作吗？')) {
  // 用户点击了“确定”按钮
} else {
  // 用户点击了“取消”按钮
}

// 隐藏“取消”按钮
document.querySelector('.confirm-btn').style.display = 'inline-block';

这样，当用户点击弹窗中的“确定”按钮时，程序会执行“确定”按钮的逻辑，而当用户点击弹窗中的“取消”按钮时，程序会将“取消”按钮隐藏，并不会执行任何逻辑。

相关问题

window.confirm弹窗样式

`window.confirm` 弹窗的样式是由浏览器决定的，不同浏览器可能有不同的样式。如果你想定制弹窗的样式，可以使用其他的弹窗库或者自己使用 HTML、CSS 和 JavaScript 实现一个弹窗。以下是一个简单的自定义弹窗的示例：

HTML 代码：

<div id="my-confirm" class="confirm">
  <div class="confirm-message"></div>
  <div class="confirm-buttons">
    <button id="confirm-ok">确定</button>
    <button id="confirm-cancel">取消</button>
  </div>
</div>

CSS 代码：

.confirm {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 0 10px rgba(0, 0, 0, .5);
  padding: 10px;
  width: 300px;
}

.confirm-message {
  font-size: 16px;
  margin-bottom: 10px;
}

.confirm-buttons {
  text-align: right;
}

.confirm-buttons button {
  margin-left: 10px;
}

JavaScript 代码：

function myConfirm(message, okCallback, cancelCallback) {
  var confirmBox = document.getElementById("my-confirm");
  var messageBox = confirmBox.querySelector(".confirm-message");
  var okButton = confirmBox.querySelector("#confirm-ok");
  var cancelButton = confirmBox.querySelector("#confirm-cancel");

  messageBox.innerHTML = message;
  confirmBox.style.display = "block";

  okButton.onclick = function() {
    confirmBox.style.display = "none";
    okCallback();
  };

  cancelButton.onclick = function() {
    confirmBox.style.display = "none";
    cancelCallback();
  };
}

// 示例用法
myConfirm("确定要删除吗？", function() {
  console.log("点击了确定按钮");
}, function() {
  console.log("点击了取消按钮");
});

这个示例中，使用了一个 `<div>` 元素作为弹窗的容器，使用了 CSS 来设置弹窗的样式。JavaScript 中定义了一个 `myConfirm` 函数，该函数接受三个参数：弹窗的消息、点击确定按钮后的回调函数、点击取消按钮后的回调函数。在函数中，首先获取弹窗容器和相关元素，然后设置弹窗的消息，显示弹窗，并为确定和取消按钮分别绑定点击事件处理函数。点击确定按钮时，隐藏弹窗并调用确定按钮回调函数；点击取消按钮时，仅隐藏弹窗。最后，使用示例调用了 `myConfirm` 函数。

window.confirm弹窗 修改按钮文字

可以使用以下代码来修改 window.confirm 弹窗的按钮文字：

// 保存原始的 confirm 方法
var originalConfirm = window.confirm;

// 重写 confirm 方法
window.confirm = function(message) {
  // 创建一个新的 Promise 对象
  return new Promise(function(resolve, reject) {
    // 创建一个确认弹窗
    var confirmPopup = document.createElement("div");
    confirmPopup.classList.add("confirm-popup");

    // 创建文本节点，并插入到确认弹窗中
    var messageNode = document.createTextNode(message);
    confirmPopup.appendChild(messageNode);

    // 创建确认按钮，并插入到确认弹窗中
    var confirmButton = document.createElement("button");
    confirmButton.classList.add("confirm-button");
    confirmButton.innerText = "我的确认按钮文字";
    confirmPopup.appendChild(confirmButton);

    // 创建取消按钮，并插入到确认弹窗中
    var cancelButton = document.createElement("button");
    cancelButton.classList.add("cancel-button");
    cancelButton.innerText = "取消";
    confirmPopup.appendChild(cancelButton);

    // 将确认弹窗插入到文档中
    document.body.appendChild(confirmPopup);

    // 绑定确认按钮的点击事件处理程序
    confirmButton.addEventListener("click", function() {
      // 从文档中移除确认弹窗
      document.body.removeChild(confirmPopup);
      // 调用原始的 confirm 方法，并传入 true
      resolve(true);
    });

    // 绑定取消按钮的点击事件处理程序
    cancelButton.addEventListener("click", function() {
      // 从文档中移除确认弹窗
      document.body.removeChild(confirmPopup);
      // 调用原始的 confirm 方法，并传入 false
      resolve(false);
    });
  });
};

// 在代码中使用修改后的 confirm 方法
window.confirm("请确认你的选择。").then(function(result) {
  if (result) {
    console.log("你点击了确认按钮。");
  } else {
    console.log("你点击了取消按钮。");
  }
});

// 恢复原始的 confirm 方法
window.confirm = originalConfirm;

在上面的代码中，我们首先保存了原始的 confirm 方法，然后重写了它。重写后的 confirm 方法返回一个 Promise 对象，通过创建一个自定义的确认弹窗来替代原始的确认弹窗。在自定义的确认弹窗中，我们可以根据需要修改确认按钮的文字。最后，我们在代码中使用修改后的 confirm 方法，并在结果中处理用户的选择。