如何选择JavaScript中的事件类型？

JavaScript 中有三种类型的事件：window 事件、document 事件和元素事件。选择哪个取决于事件的目的和处理程序的位置。下面是这三种事件类型的代码示例：

1. Window 事件

Window 事件是发生在浏览器窗口中的事件。它们不与任何特定的 HTML 元素相关联，而是与全局窗口对象相关联。常见的 Window 事件包括：load、unload、resize、scroll 等。

// 示例代码 window.addEventListener('load', function() { console.log('页面加载完成！'); });

2. Document 事件

Document 事件是发生在文档对象上的事件。这些事件在页面加载时被绑定，使用 document 对象来调用。常见的 Document 事件包括：DOMContentLoaded、readystatechange 等。

// 示例代码 document.addEventListener('DOMContentLoaded', function() { console.log('DOM 加载完成！'); });

3. 元素事件

元素事件是发生在 HTML 元素上的事件。例如点击按钮、鼠标移动等。它们通过在 HTML 标记中指定事件处理程序来绑定。

// 示例代码 <button onclick="alert('Hello World!')">点击我</button>

根据事件的目的和处理程序的位置，选择适当的事件类型。