如何在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) { 
    ... 
};