Question

无论视口如何，我都试图获得完整网页的高度和宽度。

也就是说，即使浏览器没有最大化，我也需要知道网页的完整大小。

我看过的方法包括document.body.clientWidth / clientHeight，innerHeight / Width等。但是当浏览器缩小时它们都会改变。

请帮忙！谢谢！

Answer 1

您正在寻找getComputedStyle()。它返回一个对象，您可以查询width和height属性。

getComputedStyle(document.body).width;

值得注意的是，如果页面的布局随视口大小而变化，则此调用的结果将更改。但是，如果客户端变得太小而不需要滚动，则返回的结果仍然是<body>的实际宽度。

我看过的方法包括document.body.clientWidth / clientHeight，innerHeight / Width等。但是当浏览器缩小时它们都会改变。

之所以如此，是因为窗口大小是可变的，布局会根据窗口大小而改变。

Answer 2

- 编辑 - 我想我对你想要的东西有了更好的了解。查看scrollHeight和scrollWidth属性。

document.getElementById('width').innerHTML = document.body.scrollWidth;
document.getElementById('height').innerHTML = document.body.scrollHeight;

scroll width is: <div id="width"></div>
scroll height is: <div id="height"></div>

查看screen对象的属性。

availHeight和availWidth返回窗口可用的像素高度和宽度（不包括任务栏等界面功能）。

即使您调整浏览器窗口的大小，这些值也不会更改。试试下面的代码：

document.getElementById('width').innerHTML = screen.availWidth;
document.getElementById('height').innerHTML = screen.availHeight;

width is: <div id="width"></div>
height is: <div id="height"></div>