window.onresize 是 JavaScript 中的一個(gè)事件屬性，用于在瀏覽器窗口大小變化時(shí)觸發(fā)相應(yīng)的事件處理程序?？梢酝ㄟ^(guò)為 window.onresize 屬性賦值一個(gè)函數(shù)來(lái)定義窗口大小變化時(shí)要執(zhí)行的代碼。
下面是使用 window.onresize 的簡(jiǎn)單示例：
window.onresize = function() {
// 執(zhí)行窗口大小變化時(shí)要進(jìn)行的操作
console.log("窗口大小發(fā)生了變化！");
};
在上面的代碼中，我們將一個(gè)匿名函數(shù)賦值給 window.onresize 屬性。當(dāng)瀏覽器窗口大小發(fā)生變化時(shí)，就會(huì)觸發(fā)這個(gè)函數(shù)，輸出一條消息到控制臺(tái)。
除了直接賦值一個(gè)函數(shù)外，也可以使用 addEventListener() 方法來(lái)注冊(cè) resize 事件的處理程序。例如：
window.addEventListener("resize", function() {
// 執(zhí)行窗口大小變化時(shí)要進(jìn)行的操作
console.log("窗口大小發(fā)生了變化！");
});
這種方式與直接賦值函數(shù)給 window.onresize 的效果是一樣的，但更加靈活，可以同時(shí)監(jiān)聽(tīng)多個(gè)事件，并且可以方便地移除事件監(jiān)聽(tīng)器。
需要注意的是，由于窗口的大小變化可能非常頻繁，因此在編寫(xiě) window.onresize 的事件處理程序時(shí)，最好避免執(zhí)行過(guò)重或復(fù)雜的操作，以免影響頁(yè)面的性能和響應(yīng)速度。
京公網(wǎng)安備 11010802030320號(hào)