在JavaScript开发中，获取页面高度是一个常见需求。无论是实现页面滚动加载、动态布局调整，还是创建一些交互效果，准确获取页面高度都至关重要。下面就为大家介绍几种常见的js获取页面高度的方法。

首先是使用document.body.clientHeight和document.documentElement.clientHeight。document.body.clientHeight返回的是body元素内容的高度，包含内容的内边距，但不包括滚动条和边框。而document.documentElement.clientHeight返回的是文档根元素（html）的视口高度，同样包含内边距，不包含滚动条和边框。在一些浏览器中，这两个属性可能会有不同的表现，例如在标准模式下，document.documentElement.clientHeight更准确，而在怪异模式下，document.body.clientHeight可能更合适。通常我们可以使用如下代码来兼容获取：

function getPageHeight() {
    return Math.max(
        document.body.clientHeight,
        document.documentElement.clientHeight
    );
}

其次是document.body.scrollHeight和document.documentElement.scrollHeight。document.body.scrollHeight获取的是body元素的完整高度，包括不可见的部分（被滚动条隐藏的内容），同样包含内边距，但不包含边框。document.documentElement.scrollHeight获取的是文档根元素的完整高度。类似地，在不同浏览器模式下它们的表现也有差异，获取页面高度的兼容代码如下：

function getFullPageHeight() {
    return Math.max(
        document.body.scrollHeight,
        document.documentElement.scrollHeight
    );
}

另外，还可以通过window.innerHeight来获取页面视口的高度。window.innerHeight返回的是浏览器视口的高度，包含滚动条宽度（如果存在），这个属性不受文档模式的影响，比较稳定。代码示例：

var viewportHeight = window.innerHeight;

在实际项目中，我们需要根据具体需求来选择合适的方法。如果只是关心当前视口的可见高度，window.innerHeight就足够了。而如果要获取整个页面内容的实际高度，就需要使用scrollHeight相关的方法。通过熟练掌握这些获取页面高度的方法，能让我们在JavaScript开发中更加游刃有余，实现各种实用的功能和交互效果。