在uniapp onload生命周期函数中执行，document.addEventListener 不生效

在 `uniapp` 中，`onLoad` 生命周期函数是在页面加载时执行的，但是此时页面可能还没有完全渲染完成，因此部分 `DOM` 元素可能还没有被创建，所以在 `onLoad` 中使用 `document.addEventListener` 可能不会生效。

建议在 `onReady` 生命周期函数中使用 `document.addEventListener`，因为此时页面已经渲染完成，`DOM` 元素已经被创建，可以正常添加事件监听。

例如：

export default {
  onReady() {
    document.addEventListener('click', () => {
      console.log('click event');
    });
  }
}

相关问题

document.addEventListener没有效果

如果 `document.addEventListener` 方法没有生效，可能是因为它被其他代码覆盖或者被重复绑定了。以下是一些解决方法：

1. 检查其他代码是否覆盖了 `document.addEventListener` 方法。您可以在代码中搜索 `document.addEventListener`，看看是否有其他代码覆盖了它。如果有，请将其删除或者注释掉。

2. 确保绑定的事件类型是正确的。在本例中，我们需要绑定 `keydown` 事件，如果事件类型不正确，那么 `document.addEventListener` 方法是无效的。您可以在 `keydown` 事件监听器中添加一些调试代码，检查事件是否被正确触发。

3. 确保 `document.addEventListener` 方法在正确的位置被调用。一般情况下，我们需要在页面加载完成后再绑定事件监听器。您可以将 `document.addEventListener` 方法放在 `window.onload` 事件处理函数中，或者在Vue中使用 `mounted` 钩子函数来确保 `document.addEventListener` 方法在页面加载完成后才会被调用。

如果您仍然无法解决问题，请提供更多详细信息，以便我们更好地帮助您。

iframe.onload线上不生效

`iframe.onload` 是一种常见的 JavaScript 事件处理机制，用于监听 `iframe` 元素加载完成后的操作。但在某些在线环境中，特别是那些动态加载内容或者跨域的场景下，`onload` 事件可能会失效，原因可能包括：

1. **异步加载**：如果`iframe`的内容是通过 AJAX 或者其他非同步方式进行加载，`onload` 可能不会立即触发，因为此时 DOM 尚未完全加载完毕。

2. **跨域限制**：出于安全考虑，浏览器对同源策略有严格的控制，当 `iframe` 的源与包含它的页面不在同一个域名下时，有些属性和方法（如 `window.onload`）可能无法访问，`onload` 也可能会失效。

3. **延迟渲染**：现代网页优化技术（比如 lazy loading），可能导致 `iframe` 并非一开始就呈现出来，只有当用户滚动到该区域或者主动请求时才会加载，这同样影响了 `onload` 的执行。

解决此类问题的一种常见做法是使用 `document.readyState` 检查文档是否已经准备好，或者利用 `DOMContentLoaded` 事件，它会在文档解析完成后立即触发，而不管内容是否真正加载完成。示例如下：

var iframe = document.getElementById('myIframe');
iframe.addEventListener('DOMContentLoaded', function() {
    // 代码将在DOM结构就绪后执行
});