js获得页面的高度和宽度的方法

在JavaScript中，获取页面（视口）的高度和宽度，你可以使用`window`对象的`innerHeight`和`innerWidth`属性。这两个属性分别提供了视口的高度和宽度，包括滚动条（如果有的话）。

以下是一个简单的示例代码，展示了如何获取并打印出页面的高度和宽度：

// 获取页面（视口）的高度
var height = window.innerHeight;
// 获取页面（视口）的宽度
var width = window.innerWidth;

// 打印高度和宽度
console.log('页面高度:', height, 'px');
console.log('页面宽度:', width, 'px');

这段代码会执行后，在浏览器的控制台中显示当前页面（视口）的高度和宽度。如果你想要获取整个文档的高度和宽度（包括滚动区域外的部分），那么情况会复杂一些，因为`innerHeight`和`innerWidth`只针对当前视口。获取整个文档的高度，你可能需要使用`document.body.scrollHeight`或`document.documentElement.scrollHeight`（取决于浏览器），而获取整个文档的宽度则比较复杂，因为文档宽度通常与视口宽度相关，但在某些布局（如水平滚动）下可能需要特殊计算。