使用javascript自定义提醒

时间:2016-07-30 15:30:26

标签: javascript

如何在JavaScript中创建自定义提醒?你知道,就像这些:

enter image description here

但是当您使用alert()函数时:

$(function(){
    alert("ALERT");
});

它只显示"ALERT"消息,其中包含OKCancel.两个选项 有什么方法可以让它上面的按钮说出其他的东西吗?我听说过所有jQueryUI对话框的东西,但无论如何都要在非jquery,浏览器运行的JavaScript中做到这一点?

2 个答案:

答案 0 :(得分:2)

如果您要问的是是否有用于创建自定义对话框的本机API,那么目前不是简短的答案。大多数浏览器只提供3个开箱即用的简单对话框:window.alertwindow.confirmwindow.prompt

很长的答案是肯定的,但尚未准备好......有一个名为Dialog的新HTML5元素,允许您原生创建自定义对话框,目前仅由Chrome支持。

请参阅https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement

您可以使用polyfill

使其适用于其他浏览器

然而,这并不能阻止你创建自己的。有大量的例子,人们使用普通的香草javascript(或者在某些情况下根本没有javascript)写它。

答案 1 :(得分:0)

创建暂停JavaScript的自定义对话框的唯一方法是showModalDialog

但它已被弃用,最终可能会被删除。

现代方法是使用<dialog>元素并使用JavaScript调用其showModal()方法。但与alert()prompt()confirm()这样的真实对话不同,它不会暂停JS。

有关详细信息,请参阅Why is window.showModalDialog deprecated? What to use instead?