使用JavaScript创建Chrome风格的提醒

Question

如何在Chrome中使用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()