📅 最后修改于: 2023-12-03 15:31:17.685000 🧑 作者: Mango
在 HTML 中，事件属性通常用于在用户触发某些操作或文档加载完成时执行 JavaScript 代码。但是，有些情况下，我们需要在页面加载完成后执行一些操作，而不是在事件发生时执行。为了解决这个问题，HTML 提供了一些事件属性，可以在文档加载完成后执行 JavaScript 代码。这些事件属性需要添加到文档的 body 标签上。
onload 事件属性onload 事件属性将在页面完全加载后执行。这意味着在页面加载期间调用了 HTML, CSS, JavaScript 文件，视觉元素完全呈现并准备好与用户交互。
<body onload="myFunction()">
可以自定义 myFunction() 函数，它将在页面加载完成后执行。该函数可以用于执行处理加载过程之后运行的任何操作。例如，您可能希望设置一些计时器、加载动画或初始化某些变量。
onunload 事件属性onunload 事件属性将在文档被卸载时执行。这通常发生在用户关闭页面或导航离开页面时。
<body onunload="myFunction()">
与 onload 类似，可以自定义 myFunction() 函数。但是，这个函数通常用于释放页面使用的资源，例如定时器、网络连接或缓存对象。
onbeforeunload 事件属性onbeforeunload 事件属性将在文档被卸载之前执行。这个事件通常发生在用户离开页面时，但在 onunload 事件之前。
<body onbeforeunload="return myFunction()">
可以自定义 myFunction() 函数。通常，此函数应返回一个字符串，告诉用户在离开页面之前做什么或为什么离开页面。浏览器将使用此字符串显示一个对话框，让用户确认他们要离开页面。
注意：随着浏览器的更新，对
onbeforeunload事件的支持日益有限。一些浏览器可能不会显示上述对话框，而是将其替换为默认的弹出消息。
使用这些 HTML 结束事件属性可以方便地执行 JavaScript 代码，而不必在文档其他区域添加标记或使用 JavaScript 用于检查文档加载状态。尽管可以使用这些属性执行各种操作，但要注意一些浏览器可能会限制某些事件的使用方式，以保护用户体验和隐私。