HTML | DOM 窗口关闭属性

HTML | DOM 窗口关闭属性指的是用于控制浏览器窗口关闭的属性。在 HTML 中，可以通过 JavaScript 程序来控制浏览器的窗口关闭操作，而关闭窗口的属性有多种可供选择。

关闭窗口的属性

onbeforeunload

onbeforeunload 是用于在窗口关闭时执行的事件处理程序。当用户点击浏览器的关闭按钮或按下关闭键盘快捷键时，会触发该事件，允许进行一些前操作，例如询问用户是否真的要关闭窗口或保存数据等。

window.onbeforeunload = function() {
  return "确定要关闭窗口吗？";
};

onunload

onunload 事件处理程序在窗口关闭时执行，但在 onbeforeunload 事件之后。在关闭窗口之前进行提醒和确认对话框的操作应该在 onbeforeunload 上处理，而在窗口关闭时需要执行的资源清理操作应该放在 onunload 中。

window.onunload = function() {
  console.log("窗口已关闭");
};

window.close()

window.close() 方法用于关闭窗口。该方法只能关闭通过 JavaScript 打开的窗口，不适用于关闭浏览器本身的窗口。

var myWindow = window.open("http://www.example.com");
myWindow.close();

总结

HTML | DOM 窗口关闭属性可以通过 JavaScript 程序来控制浏览器的窗口关闭操作。通过使用 onbeforeunload 事件，在关闭窗口之前做一些前操作，例如询问用户是否真的要关闭窗口或保存数据等。通过使用 onunload 事件，在窗口关闭时进行资源清理操作。而 window.close() 方法可以关闭已经通过 JavaScript 打开的窗口。