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 属性/事件仅适用于正文，如果您想对<p>进行一些修改，则应在<...中定义的函数中进行修改strong> 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 - Onload事件未触发

2 个答案: