什么是 onresize 事件？
onresize 事件是一个在浏览器窗口或元素大小发生变化时触发的事件。它可以被绑定到 window 对象或任意 HTML 元素上。当用户调整浏览器窗口大小、旋转设备、或者改变元素大小时，onresize 事件就会被触发。
如何使用 onresize 事件？
要使用 onresize 事件，首先需要获取到要绑定事件的对象，可以是 window 对象，也可以是任意 HTML 元素。然后通过 JavaScript 代码来绑定事件处理程序。
示例代码：
-- -------------------- ---- -------
--------- -----
------
------
--------------- ------------
--------
--------------- - ---------- -
------------------------
--
---------
-------
------
--------------------
-------
-------在这段代码中，我们给 window 对象绑定了一个 onresize 事件处理程序，当用户调整浏览器窗口大小时，控制台会输出"窗口大小发生变化"。
onresize 事件的应用场景
响应式设计
onresize 事件可以帮助我们实现响应式设计，根据用户设备的屏幕大小自动调整页面布局。通过监听 onresize 事件，我们可以在浏览器窗口大小发生变化时重新计算元素的位置和大小，从而实现页面的自适应。
动态加载资源
在一些需要根据屏幕大小加载不同资源的场景下，onresize 事件也非常有用。比如，当用户从手机切换到平板时，我们可以通过监听 onresize 事件来动态加载适合平板的图片或样式表。
触发动画效果
通过监听 onresize 事件，我们还可以实现一些在窗口大小变化时触发的动画效果。比如，当用户调整浏览器窗口大小时，可以让页面元素以动画的方式重新排列或缩放，提升用户体验。
总结
通过本教程，我们了解了 onresize 事件的基本概念和用法，以及它在前端开发中的应用场景。希望本教程能帮助你更好地利用 onresize 事件，实现更加灵活和响应式的网页设计。祝你编程愉快！