要修改alert弹出框的显示文字,可以这样做:

alert("原来的文字"); // 弹出原来的alert

// 修改alert的默认弹出框
window.alert = function(msg) {
  var dlg = document.createElement("div");
  dlg.style.position = "fixed";
  dlg.style.top = "50%";
  dlg.style.left = "50%";
  dlg.style.transform = "translate(-50%, -50%)";
  dlg.style.background = "white";
  dlg.style.padding = "20px";
  dlg.style.borderRadius = "10px";
  dlg.style.boxShadow = "0 0 10px rgba(0, 0, 0, 0.3)";

  var title = document.createElement("h3");
  title.textContent = "新的文字";
  dlg.appendChild(title);

  var msgEl = document.createElement("p");
  msgEl.textContent = msg;
  dlg.appendChild(msgEl);

  var btn = document.createElement("button");
  btn.textContent = "确定";
  dlg.appendChild(btn);

  document.body.appendChild(dlg);

  btn.addEventListener("click", function() {
    document.body.removeChild(dlg);
  });
};

alert("新的文字"); // 弹出修改后的alert

这里我们重定义了window.alert()方法,用一个自定义的弹出框替代了原来的alert弹出框。在自定义的弹出框中,我们可以随意修改显示的文字、样式等内容。

alert如何修改弹出框的显示文字

原文地址: http://www.cveoy.top/t/topic/bnmr 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录