JS - 加载事件未触发

Question

这将触发 onload 事件：

<!DOCTYPE html>
<html>
<body onload="alert('Hello')">
<p> Demo </p>
</body>
</html>

这不会触发 onload 事件：

<!DOCTYPE html>
<html>
<body>
<p id="demo" onload="alert('Hello')"> Demo </p>
</body>
</html>

在第二个示例中，为什么事件没有触发？

Answer 1

onload property/event 仅用于正文，如果您想对 <p> 进行一些修改，您应该这样做在 body onload 属性

中定义的函数中

Answer 2

支持onload的元素是

<body>, <frame>, <iframe>, <img>, <input type="image">, <link>, <script>, <style>

一种在加载时访问任何其他元素的方法可以是添加一个脚本标签，如下所示，尽管这在很大程度上取决于您想要实现的目标

    <!DOCTYPE html>
    <html>
    <body>
      <p id="demo"> Demo </p>
      <script>console.log( document.getElementById('demo').textContent );</script>
    </body>
    </html>

JS - 加载事件未触发

JS - Onload event not firing

html

javascript

onload