定义

"<dialog>"元素表示一个对话框或其他交互式组件，例如一个可关闭警告、检查器或者窗口。

示例

<dialog id="myDialog">
  <p>Greetings, one and all!</p>
  <button onclick="hideDialog()">hide dialog</button>
</dialog>
<button onclick="showDialog()">show dialog</button>

//打开对话框
function showDialog () {
  document.getElementById('myDialog').showModal();
};

//关闭对话框
function hideDialog () {
  document.getElementById('myDialog').close();
};