隐藏

js获取window高度

发布:2024/11/30 16:35:53作者:管理员 来源:本站 浏览次数:150

在JavaScript中,您可以使用window.innerHeight属性来获取浏览器窗口的视口高度(不包括边框、滚动条等)。


示例代码:


// 获取当前窗口的高度

var windowHeight = window.innerHeight;


// 打印窗口的高度

console.log('窗口高度: ' + windowHeight + 'px');


这段代码将输出当前浏览器窗口的高度。如果需要在窗口大小改变时动态更新这个高度,可以添加一个事件监听器:


// 定义一个更新窗口高度的函数

function updateWindowHeight() {

   var windowHeight = window.innerHeight;

   console.log('窗口高度: ' + windowHeight + 'px');

}


// 在窗口大小改变时更新窗口高度

window.addEventListener('resize', updateWindowHeight);


现在,每当用户调整浏览器窗口的大小时,控制台都会显示新的窗口高度。