📌  相关文章
📜  HTML | DOM 对话框 show() 方法(1)

📅  最后修改于: 2023-12-03 15:01:12.485000             🧑  作者: Mango

HTML | DOM 对话框 show() 方法

简介

DOM 对话框 show() 方法用于显示对话框。

语法
dialogObject.show()
参数

此方法不接受任何参数。

返回值

该方法没有返回值。

使用示例
<!DOCTYPE html>
<html>
<body>

<button onclick="showDialog()">打开对话框</button>

<dialog id="myDialog">
  <p>Hello World!</p>
</dialog>

<script>
function showDialog() {
  var dialog = document.getElementById("myDialog");
  dialog.show();
}
</script>

</body>
</html>

// 使用 JavaScript 调用 showDialog() 函数
showDialog();
兼容性

该方法对于不同的浏览器具有不同的支持程度。据 MDN 文档统计，目前仅 FireFox 和 Chrome 支持该方法。

注意事项

要使用对话框，您需要定义一个 <dialog> 元素并设置其 id 属性。在调用 show() 方法之前，您还需要确保设置了该元素的初始状态，否则可能无法正确显示对话框。

此外，请注意，对话框只能在用户与页面交互后（例如单击按钮）显示。对话框同时还具有关闭功能，用户可以通过关闭按钮或按下 Esc 键来关闭对话框。