js window.addEventListener
时间: 2024-08-14 19:01:47 浏览: 126
window.addEventListener来解决让一个js事件执行多个函数
`window.addEventListener` 是 JavaScript 中的一个内置方法,它允许你向网页窗口(`window` 对象)添加一个事件监听器。它的基本语法如下:
```javascript
window.addEventListener(eventType, listenerFunction, useCapture = false);
```
参数说明:
- `eventType`: 需要监听的事件类型,例如 `"click"`, `"load"`, `"DOMContentLoaded"` 等。
- `listenerFunction`: 当指定事件发生时要执行的函数,也称为事件处理器或回调函数。
- `useCapture` (可选): 如果设置为 `true`,则事件将首先在捕获阶段(从最上层元素向下传播)触发,如果为 `false`(默认),则在冒泡阶段(从最底层元素向上传播)触发。
示例:
```javascript
window.addEventListener("DOMContentLoaded", function() {
// 这里会在页面加载完成后立即执行,可以初始化数据或者布局
console.log("Page is loaded.");
});
```
在这个例子中,一旦页面的内容已经完全加载,`DOMContentLoaded` 事件处理器就会被调用。
阅读全文