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>