document.onLoad指定一个函数，跟在Body标签中加入onLoad是一样的不过能过今天的示例发现，document.onLoad并不是在页面加载完成时引发

最新推荐文章于 2024-10-27 00:16:27 发布

qq_44727381

最新推荐文章于 2024-10-27 00:16:27 发布

阅读量2.4k

点赞数

文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/qq_44727381/article/details/124587842

版权

本文探讨了javascript中document.onload与body.onload的异同。指出document.onload仅在DOM加载完成后触发，不包括子元素，而body.onload则在body元素及内部元素全部加载完成后触发。同时，window.onload与body.onload实际上是同一个方法，body标签上的onload属性会覆盖之前的window.onload赋值，如果window.onload在body.onload之后赋值，则会覆盖body.onload的方法。

摘要由CSDN通过智能技术生成

问题：我一直认为使用javascript的document.onLoad指定一个函数，跟在Body标签中加入onLoad是一样的不过能过今天的示例发现，document.onLoad并不是在页面加载完成时引发。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

<head>

  <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
  <title>无标题文档</title>
  <script language="JavaScript">
    function mytest1() {
      console.log('document', new Date())
      console.log('document', document.querySelector('body'))
      // alert(document.getElementById("my2"));
      console.time()

    }
    document.onLoad = mytest1();

    function mytest2() {
      console.log('body', new Date())
      console.log('body', document.querySelector('body'))
      console.log('body img', document.querySelector('im