BOM(3)调整窗口大小事件

145 阅读1分钟

BOM是js用来访问浏览器的接口,因此我们可以利用window对象的方法来通过改变窗口大小来触发里面的执行函数。
如何来改变呢?
需要我们用到window.onresize方法

调整窗口大小事件

传统的形式window.onresize

   <script>
        window.onresize = function(){
            console.log(1);
        }
    </script>

二级监听事件

   <script>
        window.addEventListener("resize", function () {
            console.log(2);
            console.log(window.innerWidth);
            // 可以获取浏览器窗口的宽度 相反Height可以获取浏览器窗口的长度后续会讲
        });
    </script>