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

我想要达到的结果
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>windowtitle>
    <style>
        button{
            width: 200px;
            height: 50px;
        }
    style>
    <script>
         window.onload = () => {
            console.log(document.querySelector('.open'));
        }   
    script>
head>
<body>
    <button class="open">openbutton>
    <button class="close">closebutton>
    <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>

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

onload是页面加载完后，立即执行的方法。所以输出“open”这个标签，是有数据的

确实是自上而下，而且我想不到你说错的原因，就很正常的一个流程...