Question

我想制作一个自定义alert框，通常alert框就行了，但我想添加更多按钮，例如＆＃39;是＆＃39;，＆＃39;无＆＃39;或者＆＃39;击中那个家伙，现在我只知道如何制作alert方框，confirm方框和prompt方框。
当页面没有响应时，我希望它看起来像Chrome，你可以选择等待或杀死页面。 Here是我想要做的事情的图片。我只想使用JavaScript或jQuery，请不要使用其他语言。
感谢您的帮助。

对不起，文字墙和代码不多。

Answer 1

系统alert对话框按原样显示。你无法改变它。您似乎知道您可以使用自定义对话框消息，但不想这样，因为它们看起来不太好看？您知道可以自定义外观，或使用预定义的样式。看看jQuery UI“themeroller”的其他样式：

http://jqueryui.com/themeroller/

Answer 2

您可以像这样定义自己的对话框：

$("<div>Test message</div>").dialog();

如果不是，您可以定义自己要使用的功能。

custom_alert();
custom_alert("Display Message");
custom_alert("Display Message", "Set Title");

function custom_alert(output_msg, title_msg)
{
    if (!title_msg)
        title_msg = 'Alert';

    if (!output_msg)
        output_msg = 'No Message to Display.';

    $("<div></div>").html(output_msg).dialog({
        title: title_msg,
        resizable: false,
        modal: true,
        buttons: {
            "Ok": function() 
            {
                $( this ).dialog( "close" );
            }
        }
    });
}

JavaScript自定义提醒框

2 个答案: