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