📌  相关文章
📜  HTML | onunload 事件属性(1)

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

HTML | onunload 事件属性

在 HTML 中，onunload 事件属性会在用户离开当前页面时触发。该事件通常用于清理未完成的任务或提供提示，以确保用户离开页面前已保存他们的数据。

语法
<body onunload="myFunction()">
示例
<!DOCTYPE html>
<html>
<body onunload="myFunction()">

<script>
function myFunction() {
  alert("Goodbye! Thanks for visiting.");
}
</script>

<p>Close this window or navigate to another page to trigger the onunload event.</p>

</body>
</html>

在这个示例中，当用户关闭页面或离开时，myFunction() 函数将被调用，并通过弹出对话框给予提示。

注意事项
  • onunload 事件属性只能应用于 body 标签，而不是其他 HTML 元素。
  • 在某些情况下，这个事件可能不会触发。例如，如果用户意外关闭了浏览器或断开了与互联网的连接。
  • 在某些浏览器中，这个事件可能已被废弃或不再被支持。建议使用其他方法来实现类似的功能。
结论

onunload 事件属性是在用户离开页面时触发的事件。它可以用于清理任务或向用户发出警告。但是，由于某些浏览器对此事件的支持存在差异，因此建议使用其他方法来实现相同的功能。