如何在JavaScript中获取更新的高度和宽度？

Question

如何通过javascript不断获取浏览器的宽度和高度？ 加载页面后，只需使用document.body.clientWidth或window.innerWidth给出宽度。

但是，每当用户调整窗口大小时，如何获得更新的宽度和高度？

Answer 1

但是当用户调整窗口大小时可以更新宽度和高度。

是的，使用resize事件：

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

（我正在使用addEventListener 。如果您需要支持较旧的浏览器，则可以在另一个答案中使用hookEvent函数。）

Answer 2

尝试在调整大小或requestAnimationFrame上更新尺寸

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