如何在JavaScript中獲取更新的高度和寬度？

Question

我怎樣才能不斷地通過javascript獲取瀏覽器的寬度和高度？只需使用document.body.clientWidth或window.innerWidth即可在頁面加載後顯示寬度。

但是，每當用戶調整窗口大小時，如何獲取更新的寬度和高度？

Answer 1

但是當用戶調整窗口大小時可以獲得更新的寬度和高度。

是，使用resize事件：（有我使用addEventListener如果您需要支持舊的瀏覽器，你可以在this other answer使用hookEvent函數來代替。）

window.addEventListener("resize", function() { 
    // Now, clientWidth and innerWidth and such have changed 
}, false); 

Answer 2

嘗試更新尺寸或調整尺寸requestAnimationFrame

window.onresize = function(event) { 
    ... 
};