与选择器元素一起使用时加载事件不起作用答案

【问题标题】：Load event not working while used with a selector element与选择器元素一起使用时加载事件不起作用
【发布时间】：2021-02-18 13:03:35
【问题描述】：

下面是我的<script>标签：

var2=document.querySelector('html')

var2.addEventListener('load',function(){alert('yo')});

为什么onload 不起作用？

这不仅仅是html标签，基本上任何选择器。

【问题讨论】：

load 不会在“html”元素上触发。试试window.addEventListener('load', function() ...)。鉴于您的更新：'这不仅仅是 html 标记，而是基本上任何选择器'，这是因为很少有元素会触发 load 事件。 window、img 和 svg 是唯一能想到的。代码的目标到底是什么，因为可能有更好的方法。
不，伙计，请查看我对问题所做的编辑。基本上我可以像这样使用它 window.onload=function(){alert('yo1');} 但格式为addEventListener 与我使用“加载”事件的哪个元素无关，但它不起作用...
好吧，鉴于您的回答得到了更新，我想我找到了一种满足感。不，我只是想了解事件，而不是出于任何特定目的。这个元素列表，只有我们可以使用“加载”事件的人，您才能共享指向任何支持它的文档的链接？感谢一吨已经交配

【解决方案1】：

大多数元素不加载内容（明显的例外是 <iframe> 和 <img>），因此加载事件不会触发它们。

如果你想捕获页面的加载事件，那么你不应该绑定到任何元素：

addEventListener("load", yourEventHandlerFunction);

【讨论】：