要获取网页的宽度和高度,可以使用 JavaScript 来动态获取。以下是两种常用的获取网页宽度和高度的方法:
1. 使用 `window` 对象的属性:
let pageWidth = window.innerWidth; // 宽
let pageHeight = window.innerHeight; // 高
2. 使用 `document` 对象的属性:
let pageWidth = document.documentElement.clientWidth; // 宽
let pageHeight = document.documentElement.clientHeight; // 高
这些方法将返回视口(viewport)的宽度和高度,即可见区域的宽度和高度,不包括滚动条和其他浏览器窗口装饰的部分。
如果你需要获取整个页面的实际宽度和高度,可以使用以下代码:
let pageWidth = Math.max(
document.body.scrollWidth,
document.documentElement.scrollWidth,
document.body.offsetWidth,
document.documentElement.offsetWidth,
document.documentElement.clientWidth
);
let pageHeight = Math.max(
document.body.scrollHeight,
document.documentElement.scrollHeight,
document.body.offsetHeight,
document.documentElement.offsetHeight,
document.documentElement.clientHeight
);
这些代码将返回整个页面的宽度和高度,包括滚动条和隐藏部分。