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