获取浏览器页面视口高度

获取浏览器页面视口高度可以使用 `document.documentElement.clientHeight` 或 `document.body.clientHeight` 属性。其中，`document.documentElement.clientHeight` 返回当前文档根节点的视口高度，`document.body.clientHeight` 返回当前文档body元素的视口高度。需要注意的是，两者的值可能不同，具体取决于文档内容和CSS样式。一般情况下，建议使用 `document.documentElement.clientHeight`。例如：

var viewportHeight = document.documentElement.clientHeight;
console.log('浏览器页面视口高度：', viewportHeight);

与获取浏览器窗口高度类似，需要注意的是，`document.documentElement.clientHeight` 和 `document.body.clientHeight` 返回的都是一个数值，不包含单位。如果需要添加单位，可以使用 CSS 的 `px` 单位。如果需要在窗口大小变化时更新视口高度，可以监听 `resize` 事件，如下所示：

window.addEventListener('resize', function() {
  var viewportHeight = document.documentElement.clientHeight;
  console.log('浏览器页面视口高度：', viewportHeight);
});