window事件

创建两个div标签

<div id="d1"></div>
    <script>

        console.log(d1, d2)


    </script>
    <div id="d2"></div>

结果:

script 内容替换为:

 window.onload = function(){
            console.log(d1,d2) // div, div
        }

结果:

load是加载完成事件, 当页面上所有的标签文本样式全部加载出来触发这个事件

resize 当浏览器窗口尺寸变化时, 触发事件

  window.onresize = function(){
            console.log(window.innerWidth, window.innerHeight)
        }

当改变拖动窗口大小效果:

unload 窗口上的标签,数据,文本被卸载后触发, 网页关闭

比如关闭页面,但是因为已经关了所以你看不到控制台

 window.onunload = function(){
            console.log("网页卸载")
        }