使用Javascript的自定义提醒

Question

如何在Javascript中创建自定义提醒功能？

Answer 1

您可以覆盖现有的alert功能，它存在的window对象：

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

Answer 2

如果你正在寻找一个JavaScript/HTML/CSS更换，我建议检查出jQueryUI及其实施modal dialogs 。

Answer 3

从技术上讲，您可以更改警报功能的功能。但是，您不能更改由本机警报功能（除了文本/内容）启动的模式窗口的标题或其他行为。

Answer 4

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

// Generic self-contained jQueryUI alternative to 
// the browser's 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(); 
      } 
     }] 
    }); 
} 

Answer 5

“覆盖”的方式不够好，建议您创建一个自定义弹出框。该解决方案的最大好处是可以控制每个细节。