Alertes personnalisées : utilisez Javascript pour personnaliser les alertes personnalisées

Question

Comment créer une fonction d'avertissement personnalisée en Javascript ?

Answer 1

C'est la solution que j'ai trouvée. J'ai écrit une fonction générique pour créer une boîte de dialogue jQueryUI. Si vous le souhaitez, vous pouvez utiliser la suggestion de Matt pour remplacer la fonction d'alerte par défaut : 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

Vous pouvez écraser un objet alert函数，该函数存在于window existant :

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