自訂警報：利用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) {
  // 对消息进行处理
};