HTML | DOM close() 方法

简介

close() 方法用于关闭<dialog>元素。调用此方法后，会将<dialog>元素的open属性设置为false。

语法

dialogElement.close()

参数

该方法无需参数。

返回值

该方法无返回值。

示例

<dialog id="myDialog">
  <p>Hello World!</p>
  <button onclick="closeDialog()">Close</button>
</dialog>

<script>
function closeDialog() {
  var myDialog = document.getElementById("myDialog");
  myDialog.close();
}
</script>

在这个例子中，单击"Close"按钮会调用closeDialog()函数，并关闭<dialog>元素。

注意事项

• close()方法只有在<dialog>元素中调用才有作用。
• 如果一个dialog元素的open属性为false，则调用close()方法不会有任何效果。
• close()方法只能由用户交互事件（例如单击按钮）触发，而不能由脚本触发。这是为了避免在没有用户交互的情况下自动关闭dialog。

以上就是HTML | DOM close()方法的介绍。