要解决的JavaScript难题:window.confirm = divConfirm(strMessage)

Question

场景是:旧网站已经编写了很多JS代码.如果用户希望将所有警报消息更改为新的jazzy Div基于警报,这是使用JQuery,YUI,Prototype等非常常见的.
主要有树JS对话框
1.警报

要更改它的简单,我们只需编写新函数,它将显示div弹出窗口并显示消息,然后覆盖window.alert

function showDivAlert(strMessage){
//div popup logic and code
}

window.alert = showDivAlert;


提示

这也很容易编写函数来接受字符串并显示输入值的文本框.现在返回操作基于单击"确定"按钮,这里的生活很简单.

function shoDivPromp(strMessage){
//div pop up to show the text box and accept input from the user
}
window.prompt = shoDivPromp;


3.确认

现在,上面两个很容易覆盖和修改默认对话框,但确认并不复杂.
但是,默认JS确认对话框会停止JS执行,当用户单击"确定"或"取消"执行时,通过确定返回值(true/false)来恢复执行.但是如果我们使用div popup执行没有停止,那就是问题.
我们仍然可以实现确认,但在这种情况下,我们必须绑定OK和CANCEL情况的方法,这些方法将附加到OK和CANCEL按钮.有了这个功能,签名就像. function newConfirm(msg, fun OkAction(), fun CancelAction)

现在这是一个问题,这不能帮助我改变网站上的确认对话框,就像我们使用alert(); 问题
我不确定它是否可能实现,但我认为可以使用一些JS模式.所以,如果有可能请告诉我.

Answer 1

现在这是一个问题,这不能帮助我改变网站上的确认对话框,就像我们使用alert();

那是对的.在本机JavaScript中无法重现警报/确认/提示功能的同步特性.有一种非标准方法showModalDialog可以使用单独的弹出文档来实现,但并不是所有浏览器都支持它,而且通常认为它非常不受欢迎.

因此,插件替换策略不会起作用.您将不得不在脚本的其余部分中更改您调用这些方法的每个位置.

通常的模式是使用内联匿名函数来执行它,以使用闭包来保留局部变量,例如.更换:

function buttonclick() {
    var id= this.id;
    if (confirm('Are you sure you want to frob '+id+'?'))
        frob(id);
    wipe(id);
}

有:

function buttonclick() {
    var id= this.id;
    myConfirm('Are you sure you want to frob '+id+'?', function(confirmed) {
        if (confirmed)
            frob(id);
        wipe(id);
    });
}

如果需要this保存,则需要查看另一个嵌套闭包或function.bind来执行此操作.如果你confirm在循环中打电话,事情会变得更加困难.

显然,您还必须确保在确认框启动时关键的全局状态不会发生变化.通常,通过使用叠加层覆盖页面的其余部分来阻止点击通过,可以最大限度地降低风险.但是,如果你有超时,他们仍然可以开火.