Javascript 使用保存和放弃按钮确认

我们如何在javascript中创建带有保存和放弃按钮的确认警报？ 如果我们使用代码

confirm('Do you want to save it?');

我们将得到一个带有ok cancel的警报框。 如何将ok按钮的文本设置为save，将另一个设置为discard

这是不可能的

连接一些JS框架。例如jQuery+UI

覆盖window.confirm方法，将其作为您喜爱的JS UI框架的包装

利润

---

您不能修改默认的javascript方法“确认”。但是，您可以覆盖它，例如，使用jQuery UI对话框：

window.confirm = function (message) {
  var html = "<div style='margin:20px;'><img style='float:left;margin-right:20px;' src='/img/confirm.gif' alt='Confirm'/><div style='display:table;height:1%;'>" + message + "</div></div>";

  $(html).dialog({ closeOnEscape: false,
    open: function (event, ui) { $('.ui-dialog-titlebar-close').hide(); },
    modal: true,
    resizable: false,
    width: 400,
    title: "Confirmation",
    buttons: { 
        "Save": function () {
            //Do what you need
        },
        "Cancel": function () {
            $(this).dialog("close"); 
        } 
    }
  });
}

window.confirm=功能（消息）{
var html=“”+消息+”；
$（html）.dialog（{closeOnEscape:false，
打开：函数（事件，ui）{$（'.ui对话框标题栏关闭'）.hide（）；}，
莫代尔：是的，
可调整大小：false，
宽度：400，
标题：“确认”，
按钮：{
“保存”：函数（）{
//做你需要的
},
“取消”：函数（）{
$（此）.dialog（“关闭”）；
} 
}
});
}

可能重复的问题请查看类似问题：