📌  相关文章
📜  HTML | DOM onopen 事件(1)

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

HTML | DOM onopen 事件

在 HTML 中，我们可以使用 onopen 事件来设置载入文档时要执行的 JavaScript 代码。onopen 事件在页面文档打开期间触发，因此它很适用于初始化 JavaScript 中的全局变量、创建页面中的对象等等。

语法
document.onopen = function() {
  // 代码块
};
示例

下面是一个示例，演示如何使用 onopen 事件来设置页面加载时的代码：

<!DOCTYPE html>
<html>
<head>
  <title>onopen 事件示例</title>
</head>
<body onload="document.body.append('页面加载完成')">
<script>
  document.onopen = function() {
    alert('文档打开了！');
  };
</script>
</body>
</html>

在这个示例中，我们设置了一个 onopen 事件，当文档被打开时，会弹出一个警告框，提示 "文档打开了！"。同时，在 HTML 的 body 上，我们还设置了一个 onload 事件，当页面加载完成时，会向页面中添加一条消息 "页面加载完成"。

注意事项
  • onopen 事件只能应用于整个文档，不能应用于特定的元素。
  • 在 HTML5 中，onopen 事件已被弃用。建议使用 window.onload 或 document.onload 事件取代。
  • 如果在页面上多次定义 onopen 事件，只有最后一个事件才会被执行。