使用javascript的自定義提醒

Question

如何在JavaScript中創建自定義提醒？你知道，像這些：

但是當你使用alert()功能，如：

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

這只是表明了"ALERT"消息有兩個選項，OK和Cancel. 有什麼你可以用它來製作按鈕嗎？我聽說過所有的jQueryUI對話框的東西，但無論如何要在非jQuery，瀏覽器運行的JavaScript中做到這一點？

Answer 1

如果你問是，如果有用於創建自定義對話框本地API那麼簡單的答案是沒有的時刻。大多數瀏覽器只提供3周簡單的對話框開箱：window.alert，window.confirm和window.prompt

---

朗答案是肯定的，但它還沒準備好......有一個稱爲對話框新的HTML5元素，將允許您創建自定義對話框，目前僅支持Chrome。

見https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement

您可以使用polyfill

---

然而，這並不創建自己的阻止你把它用於其他瀏覽器。在那裏有大量的例子，人們使用普通的香草javascript（或者在某些情況下根本沒有javascript）寫它。

Answer 2

創建暫停的JavaScript是showModalDialog自定義對話框中的唯一途徑。

但它已被棄用，並可能最終被刪除。

現代化的方法是使用<dialog>元素和調用它showModal()方法使用JavaScript。但不像真正的對話框alert(),prompt()或confirm()，它不會暫停JS。

更多信息請參見Why is window.showModalDialog deprecated? What to use instead?。