javascript - 使用 JavaScript 创建 Chrome 风格的提醒

Question

如何使用 JavaScript 在 Chrome 中创建一个提醒，在浏览器窗口中间打开一个文本框并清除背景，如下所示:

而不是弹出一个全新窗口的警告(在我的例子中是 Linux Mint GTK 主题):

如果我在控制台中键入 alert()，我会在一个单独的窗口中收到类似于后者的警报。

Answer 1

你应该使用 dialog element .像这样:

HTML:

<dialog>
  This is a dialog.<br>
  <button>Close</button>
</dialog>

Javascript:

var dialog = document.querySelector("dialog")
dialog.querySelector("button").addEventListener("click", function() {
  dialog.close()
})
dialog.showModal()