为什么“阻止此页面创建其他对话框”出现在警告框中？

Question

在我的 Rails 3 应用程序中，我这样做：

render :js => "alert(\"Error!\\nEmpty message sent.\");" if ...

有时，在此错误消息下方（在同一个警报框中）我会看到：“阻止此页面创建其他对话框”和一个复选框。

这是什么意思？

是否可以不显示此附加文本和复选框？

我使用火狐4。

Answer 1

这是一项浏览器功能，可阻止反复显示烦人的警报框的网站。

作为网络开发人员，您无法禁用它。

Answer 2

这是什么意思？

这是浏览器端的一项安全措施，通过在无限循环中显示模式（警报/确认）消息来防止页面冻结浏览器（或当前页面）。对于 Firefox，请参阅此处。

您无法将其关闭。解决这个问题的唯一方法是使用自定义对话框，例如 JQuery UI 对话框。

Answer 3

您可以使用java脚本创建自定义警报框，下面的代码将覆盖默认警报功能

window.alert = function(message) { $(document.createElement('div'))
    .attr({
      title: 'Alert',
      'class': 'alert'
    })
    .html(message)
    .dialog({
      buttons: {
        OK: function() {
          $(this).dialog('close');
        }
      },
      close: function() {
        $(this).remove();
      },
      modal: true,
      resizable: false,
      width: 'auto'
    });
};

Answer 4

这是浏览器的功能。

该库执行相同的操作

alert("Empty message sent");

如果可以的话，尝试使用 http://bootboxjs.com/，您可以通过 写作：

bootbox.alert("Empty message sent", function(result) {
    // do something whit result
 });

您还将获得一个漂亮的用户界面！

Answer 5

使用 JQuery UI 对话框并不总是解决方案。据我所知，警报和确认是在某个点停止执行脚本的唯一方法。作为一种解决方法，我们可以提供一种机制来让用户知道应用程序需要调用警报并确认。例如，可以这样完成（其中 showError 使用 jQuery 对话框或其他方式与用户通信）：

var f_confirm;
function setConfirm() {
  f_confirm = confirm;
  confirm = function(s) {
    try {
      return f_confirm(s);
    } catch(e) {
      showError("Please do not check 'Prevent this page from creating additional dialogs'");
    }
    return false;
  };
};

Answer 6

我设计这个函数是为了希望绕过我的网络应用程序中的复选框。

它在执行时阻止页面上的所有功能（假设自用户关闭最后一个对话框以来已经过去了不到三秒），但我更喜欢它而不是递归或 setTimeout 函数，因为我不必为其他可能性编写代码在等待对话框出现时被单击或触发。

在 Modalbox 中已包含的报告上显示错误/提示/确认时，我最需要它。我可以为其他对话框添加一个 div，但如果可以使用内置对话框，这似乎太混乱且不必要。

请注意，如果 dom.successive_dialog_time_limit 更改为大于 3 的值，这可能会中断，我也不知道 Chrome 是否具有与 Firefox 相同的默认值。但至少这是一个选择。

另外，如果有人可以改进它，请这样做！

// note that these should not be in the global namespace
var dlgRslt,
    lastTimeDialogClosed = 0;

function dialog(msg) {
    var defaultValue,
        lenIsThree,
        type;

    while (lastTimeDialogClosed && new Date() - lastTimeDialogClosed < 3001) {
        // timer
    }

    lenIsThree = 3 === arguments.length;
    type = lenIsThree ? arguments[2] : (arguments[1] || alert);
    defaultValue = lenIsThree && type === prompt ? arguments[1] : '';

    // store result of confirm() or prompt()
    dlgRslt = type(msg, defaultValue);
    lastTimeDialogClosed = new Date();
} 

用法：

dialog('This is an alert.');

dialog( 'This is a prompt', prompt );
dialog('You entered ' + dlgRslt);

dialog( 'Is this a prompt?', 'maybe', prompt );
dialog('You entered ' + dlgRslt);

dialog( 'OK/Cancel?', confirm );
if (dlgRslt) {
    // code if true
}