使用 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()