自定义警报：利用Javascript定制个性化提醒

Question

如何在Javascript中创建自定义的警告函数？

Answer 1

这是我想出的解决方案。我编写了一个通用函数来创建一个jQueryUI对话框。如果你愿意，你可以使用Matt的建议来覆盖默认的alert函数：window.alert = alert2;

// 通用的自包含的jQueryUI替代浏览器默认的JavaScript alert方法。
// 唯一的先决条件是包含jQuery和jQueryUI
// 该方法自动创建/销毁容器div
// 参数：
//     message = 要显示的消息
//     title = 警告框上要显示的标题
//     buttonText = 关闭警告框的按钮上要显示的文本
function alert2(message, title, buttonText) {

    buttonText = (buttonText == undefined) ? "确定" : buttonText;
    title = (title == undefined) ? "页面提示：" : title;

    var div = $('<div>');
    div.html(message);
    div.attr('title', title);
    div.dialog({
        autoOpen: true,
        modal: true,
        draggable: false,
        resizable: false,
        buttons: [{
            text: buttonText,
            click: function () {
                $(this).dialog("close");
                div.remove();
            }
        }]
    });
}

Answer 2

您可以覆盖现有的alert函数，该函数存在于window对象上：

window.alert = function (message) {
  // 对消息进行处理
};