主要有树JS对话框
警惕
要改变它的简单,我们只需编写新的函数,它将显示div弹出窗口并显示消息,然后覆盖window.alert
function showDivAlert(strMessage){
// div弹出逻辑和代码
}
window.alert = showDivAlert;
这也很容易编写函数来接受字符串并显示输入值的文本框.现在返回操作基于点击“确定”按钮,这里的生活很简单.
function shoDivPromp(strMessage){
// div弹出以显示文本框并接受来自用户的输入
}
window.prompt = shoDivPromp;
3.确认
现在,上面两个很容易覆盖和修改默认对话框,但确认并不复杂.
但是,默认JS确认对话框会停止JS执行,当用户单击“确定”或“取消”执行时,通过确定返回值(true / false)来恢复执行.但是如果我们用户div弹出,则执行不会停止,这是个问题.我们仍然可以实现确认,但在这种情况下,我们必须绑定OK和CANCEL情况的方法,这些方法将附加到OK和CANCEL按钮.有了这个功能,签名就像.
function newConfirm(msg,fun OkAction(),fun CancelAction)
现在这是一个问题,这不能帮助我改变网站上的确认对话框,就像我们使用alert();
题
我不确定它是否可能实现,但我认为可以使用一些JS模式.所以,如果有可能请告诉我.
解决方法
Now this is problem that this cant help me change the confirm dialog across the site as we did with 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);
});
}
如果需要保留它,则需要查看另一个嵌套闭包或function.bind来执行此操作.如果你有一个在循环中确认的话,事情会变得更加困难.
显然,您还必须确保在确认框启动时关键的全局状态不会发生变化.通常,通过使用叠加层覆盖页面的其余部分来阻止点击通过,可以最大限度地降低风险.但是,如果你有超时,他们仍然可以开火.
