JS - 使用当前窗口大小设置窗口高度

JS - set window height using current window size

本文关键字：窗口大小 设置 窗口 高度 JS      更新时间：2023-09-26

我有一些CSS需要设置高度，但这需要根据用户来完成。

我已经制作了一些有效的代码 - 它计算窗口高度，但它不会改变身体高度。我做错了什么？

function setWindowHeight(){
    var windowHeight = window.innerHeight;
    document.getElementsByTagName('body').style.height = windowHeight + "px";
}

你需要添加一个eventListener，并且不需要使用getElementsByTagName，因为只有1个正文标签：

function setWindowHeight(){
    var windowHeight = window.innerHeight;
    document.body.style.height = windowHeight + "px";
    console.log(document.body.style.height);
}
window.addEventListener("resize",setWindowHeight,false);

或者，如果要使用，可以执行以下操作：

function setWindowHeight(){
    var windowHeight = window.innerHeight;
    document.getElementsByTagName('body')[0].style.height = windowHeight + "px";
    console.log(document.body.style.height);
//---------------------------------------´
//will get the first element tagged body
}
window.addEventListener("resize",setWindowHeight,false);

编辑（更改了上面的代码）：您可以在 Firefox 控制台中检查该值。打开它（CTRL + SHIFT + K）并调整窗口大小，您将看到在执行此操作时触发事件大小调整。

try this may work 
document.getElementsByTagName('body').height  = windowHeight + "px";
相关文章：