如何在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。如果您需要支持旧版浏览器，则可以使用this other answer中的hookEvent功能。）

Answer 2

尝试在调整大小或requestAnimationFrame

上更新尺寸

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