爱编程的设计师 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 随身WiFi网络灯亮但是没有网络,如何解决?
  • ¥15 gdf格式的脑电数据如何处理matlab
  • ¥20 重新写的代码替换了之后运行hbuliderx就这样了
  • ¥100 监控抖音用户作品更新可以微信公众号提醒
  • ¥15 UE5 如何可以不渲染HDRIBackdrop背景
  • ¥70 2048小游戏毕设项目
  • ¥20 mysql架构,按照姓名分表
  • ¥15 MATLAB实现区间[a,b]上的Gauss-Legendre积分
  • ¥15 delphi webbrowser组件网页下拉菜单自动选择问题
  • ¥15 linux驱动,linux应用,多线程