使用 JavaScript 创建 Chrome 风格的警报

Question

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

而不是弹出一个全新 window 的警报（在我的例子中是 Linux Mint GTK 主题）：

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

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

使用 JavaScript 创建 Chrome 风格的警报

Using JavaScript to create a Chrome-style alert

javascript

google-chrome

popup