自定义警报:利用Javascript定制个性化提醒
P粉587780103
P粉587780103 2023-08-22 20:32:37
0
2
486
<p>如何在Javascript中创建自定义的警告函数?</p>
P粉587780103
P粉587780103

全部回复(2)
P粉315680565

这是我想出的解决方案。我编写了一个通用函数来创建一个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();
            }
        }]
    });
}
P粉032649413

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

window.alert = function (message) {
  // 对消息进行处理
};
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!