alert如何修改弹出框的显示文字
要修改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弹出框。在自定义的弹出框中,我们可以随意修改显示的文字、样式等内容。
原文地址: http://www.cveoy.top/t/topic/bnmr 著作权归作者所有。请勿转载和采集!