js 获取页面高度

作者：若此生已赞。发布日期:2026-01-16 浏览:62

// 获取页面高度的示例代码

// 方法1: 使用 document.documentElement.scrollHeight 或 document.body.scrollHeight
// 这两种方法可以获取整个文档的高度，包括超出视口（viewport）的部分。
let pageHeight = Math.max(document.documentElement.scrollHeight, document.body.scrollHeight);
console.log("页面高度 (包括滚动部分): " + pageHeight);

// 方法2: 使用 window.innerHeight
// 这个方法只获取当前视口的高度，即用户当前可见的浏览器窗口高度。
let viewportHeight = window.innerHeight;
console.log("视口高度 (当前可见部分): " + viewportHeight);

// 解释：
// - document.documentElement.scrollHeight 和 document.body.scrollHeight 返回整个页面的高度，即使页面有滚动条。
// - window.innerHeight 返回的是当前浏览器窗口的高度，不包括滚动部分。

上一篇：js img

下一篇：js 插入html