📜  如何在javascript中获取窗口的高度(1)

📅  最后修改于: 2023-12-03 15:38:33.637000             🧑  作者: Mango

如何在javascript中获取窗口的高度

在JavaScript中,可以使用window.innerHeight属性获取当前窗口的高度,该属性将以像素为单位返回窗口的视口高度。

var windowHeight = window.innerHeight;
console.log("Window height is: " + windowHeight + "px");

除此之外,也可以使用document.documentElement.clientHeightdocument.body.clientHeight获取窗口的高度,具体使用哪个取决于文档类型和浏览器。

var documentHeight = document.documentElement.clientHeight;
console.log("Document height is: " + documentHeight + "px");

var bodyHeight = document.body.clientHeight;
console.log("Body height is: " + bodyHeight + "px");

值得注意的是,window.innerHeightdocument.documentElement.clientHeightdocument.body.clientHeight返回的值可能会有所不同,这是因为浏览器在计算视口高度时考虑到了浏览器窗口的大小、滚动条的位置以及元素的边框和边距等因素。

在实际使用中,需要根据具体的场景选择合适的方法获取窗口高度。