爱编程的设计师 2022-09-07 09:56 采纳率: 94.4%
浏览 30
已结题

html执行顺序不是自上到下的吗,我把script标签的onload方法写在head标签里面,应该报错才对 为什么正常打印执行了

我想要达到的结果
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>window</title>
    <style>
        button{
            width: 200px;
            height: 50px;
        }
    </style>
    <script>
         window.onload = () => {
            console.log(document.querySelector('.open'));
        }   
    </script>
</head>
<body>
    <button class="open">open</button>
    <button class="close">close</button>
    <script>
        console.log(window.document === document);//ture
        top = 1;
        console.log(top);//指向window本身
        document.querySelector('.open').onclick = () => {
            open('https://www.baidu.com/','https://www.csdn.net/')
        }        
        document.querySelector('.close').onclick = () => {
            close()
        } 
    </script>
</body>
</html>

  • 写回答

3条回答 默认 最新

  • 关注

    你把上面的 js代码 window.onload 这个方法去掉你就能看出区别了,你会发现 打印出来的是 null。onload 存在的意义就是等待你页面加载完成,也就是说代码运行到这的时候,并没有直接执行,而是继续往下运行,直到页面加载完成,触发onload ,才会开始打印log。而且打印出来的log 是在你body中的 js 打印之后,不信可以尝试一下哦

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

问题事件

  • 系统已结题 9月15日
  • 已采纳回答 9月7日
  • 创建了问题 9月7日

悬赏问题

  • ¥15 用hfss做微带贴片阵列天线的时候分析设置有问题
  • ¥50 我撰写的python爬虫爬不了 要爬的网址有反爬机制
  • ¥15 Centos / PETSc / PETGEM
  • ¥15 centos7.9 IPv6端口telnet和端口监控问题
  • ¥120 计算机网络的新校区组网设计
  • ¥20 完全没有学习过GAN,看了CSDN的一篇文章,里面有代码但是完全不知道如何操作
  • ¥15 使用ue5插件narrative时如何切换关卡也保存叙事任务记录
  • ¥20 海浪数据 南海地区海况数据,波浪数据
  • ¥20 软件测试决策法疑问求解答
  • ¥15 win11 23H2删除推荐的项目,支持注册表等