Пользовательское оповещение с помощью Javascript

Ответ 1

Вы можете переопределить существующую функцию alert, которая существует в объекте window:

window.alert = function (message) {
  // Do something with message
};

Ответ 2

Это решение, с которым я столкнулся. Я написал общую функцию для создания диалога jQueryUI. Если вы хотите, вы можете переопределить функцию предупреждения по умолчанию с помощью предложения Matt: window.alert = alert2;

// Generic self-contained jQueryUI alternative to
// the browser default JavaScript alert method.
// The only prerequisite is to include jQuery & jQueryUI
// This method automatically creates/destroys the container div
// params:
//     message = message to display
//     title = the title to display on the alert
//     buttonText = the text to display on the button which closes the alert
function alert2(message, title, buttonText) {

    buttonText = (buttonText == undefined) ? "Ok" : buttonText;
    title = (title == undefined) ? "The page says:" : 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();
            }
        }]
    });
}

Ответ 3

Технически вы можете изменить то, что делает функция предупреждения. Но вы не можете изменить название или другое поведение модального окна, запущенного собственной функцией оповещения (помимо текста/содержимого).

Ответ 4

Если вы ищете замену javascript/html/css, я рекомендую проверить jQueryUI и ее реализацию модальные диалоги.

Ответ 5

"переопределить" способ недостаточно хорош, предложите создать настраиваемое всплывающее окно. Лучшим преимуществом этого решения является то, что вы можете контролировать все детали.